dom

一、 innerHTML: 1. 获取 元素里的超文本  2.设置超文本 var ele = document.querySelector(".box"); 获取 console.log(  ele.innerHTML); 设置 :覆盖元素里的内容 ele.innerHTML = "456"; 二、 innerText: 1获取文本 2.设置文本 var ele = document.querySelector(".box div"); 获取:只能获取文本  console.log(ele.innerText);  设置:只能设置文本  ele.innerText = "<h1>456</h1>";  ele.innerHTML = "<h1>456</h1>";  三、style: 1.获取 (只能获取行间样式) 2.设置 : 需要把 “-” 换成大写 font - size-- - fontSize  var ele = document.querySelector(".box");  ele.style.background = "red"; console.log(ele.style.background); 四、className :1.获取类名  2.设置类名: 覆盖设置 var ele = document.querySelector(".box"); console.log(ele.className); ele.className += " active"; 五、和元素属性相关的几个函数 1. 设置属性 元素.setAttribute("属性名", "属性值"); var ele = document.querySelector(".box"); ele.setAttribute("myattr", "myvalue"); 2.获取属性 元素.getAttribute("属性名"); var ele = document.querySelector(".box"); var res = ele.getAttribute("class"); console.log(res); 3.删除属性 元素.removeAttribute("属性名"); var ele = document.querySelector(".box"); ele.removeAttribute("id");
上一篇:学习python的第八天


下一篇:tomcat与springmvc 结合 之---第19篇(下,补充) springmvc 加载.xml文件的bean标签的过程