js DOM节点

DOM(Document Object Model):文档对象类型

        是操作html中的标签的一些能力

        可以操作的内容：

          获取一个元素

          移除一个元素

          创建一个元素

          向页面里添加一个元素

          给元素绑定一些事件

          获取元素的属性

          给元素添加一些css样式

        DOM的核心对象就是document对象

        document对象是浏览器内置的一个对象，里面储存着专门用来操作元素的各种方法

        DOM:页面中的标签，我们通过js获取到以后，就把这个对象叫做DOM对象

 标准获取元素的方式:

          非常规:html,head,body

          常规:id,class,tag……

 

        非常规:

        拿到最外层节点:html

        console.log(document.documentElement)

        获取head:

        console.log(document.head)

        获取body:

        console.log(document.body)

        常规:

        <div id="single" class="couple"></div>

       

        var single = document.getElementById("single"):         通过id来查找元素

        var middle = document.getElementByTagName("div"):       通过标签名来查找元素

        var couple = document.getElementByClassName("couple"):  通过类名来查找元素

        var items = document.querySelector("#single")           通过CSS选择器选择一个元素

        var items = document.querySelector(".couple")           通过CSS选择器选择一个元素

        document.querySelectorAll:                              通过CSS选择器选择多个(全选)元素