节点

1.DOM   document object  model

　　节点树状图

　　document>documentElement>body>Tagname

2.常用的节点类型

　　元素节点（标签）

　　文本节点（文本）

　　属性节点（标签里的属性）

       

3.document有个属性叫node type返回的数字

1.代表元素节点 2.代表属性节点   3.代表文本节点

4.节点的获取

扫描二维码关注公众号，回复： 4072772 查看本文章

　　元素节点获取有很多方法

　　　　Document.getElementById()

　　　　Document.getElementsByClassName()

　　　　Document.getElementsByTagName()

　　　　Document.querySelector()

　　　　Document.querySelectorAll()

  属性节点的获取:

   元素.attributes 获取元素身上所有属性构成的集合（数组）

   得到里面的值 元素.attributes[1].value

   元素.getAttribute(“属性名”) 获取属性值的方法

   元素.setAttribute(“属性名”,”属性值”)  给元素设置属性和属性值

         文本节点

        没有获取的方法，没有意思

5.获取元素的子节点

　　　元素.childNodes  这个属性有兼容性 标准浏览器会获取到文本节点

　　而低版本浏览器不会。所以建议使用children这个属性。

   标准下 元素.firstElementChild

   非标准下 元素.firstChild

   兼容下写法

         var list=document.getElementById("list")

         var fist=list.firstElementChild||list.firstChild

           console.log(fist)

     获取最后一个子节点

     元素.lastElementChild     元素.lastchild

     获取上一个节点

    元素.previousSibling

    元素.previousElementSibling

     获取下一个节点

  元素.nextSibling

  元素.nextElementSibling

6.获取父节点

元素.parentNode  没有兼容性