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");