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