dom

获取元素dom

• 通过id获取

　　　　document.getElementById();

• 通过类名获取

　　　　document.getElementsByClassName();

• 通过name获取

　　　　document.getElementsByName();

• 通过标签名获取

　　　　document.getElementsByTagName();

• 获取指定元素

　　　　document.querySelector(); 　获取的结果为对象：

• 获取指定的所有元素

　　　　document.querySelectorAll();　　 获取的结果为数组

样式

　　li.style.color="red";

　　li.style.background-color="#ccc"; //错误语法

　解决方法

          1.驼峰命名法

           li.style.backgroundColor="#ccc";

          2.数组

           li.style["background-color"]="#ddd";

 

获取内容

console.log(this.innerHTML); //获取内容和标签   内部

console.log(this.innerText); //只获取内容  只文本

console.log(this.outerHTML); //含本身标签      外部

console.log(this.innerText); //只获取内容  只文本

console.log(this.textContent);