11.14

Posted 2021-01-23 bokeyanghao

1、DOM     document  object  model

　　(1) 节点树状图      document>documentElement>body>tagname

2、我们常用的节点类型 

　　元素节点（标签）  文本节点（文本）属性节点（标签里的属性）

3、document 有个属性叫nodeType    返回的是数字

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

4、节点的获取

　　元素节点的获取：

　　　　　　document . getElementById()

　　　　　　document . getElementsByClassName()

　　　　　　document . getElementsByTagName()

　　属性节点的获取：

　　　　　　元素 . attributes     获取元素身上所以属性构成的集合

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

　　　　　　元素.getAttribute(“属性名”）给元素设置属性和属性值

　　　　　　元素.setAttribute("属性名","属性值"）给元素设置输出和属性值

　　　　　　元素 .removeAttribute（“属性”）  删除属性

　　文本没有获取方法

5、获取元素的子节点

　　　　元素 . childNodes  这个属性有兼容性   标准浏览器会获取到文本节点而低版本浏览器不会。所以建议使用children这个属性。

　　　　获取第一个子节点     标准下：元素.firstElementChild    非标准下：元素. firstChild

　　　　获取最后一个子节点     标准下：元素.lastElementChild      非标准下：元素. lastChild

　　　　获取上一个兄弟节点     标准下：元素 .previousSibling      非标准下： 元素 . previous ElementSibling

　　　　获取下一个兄弟节点     标准下：元素. nextSibling      非标准下：元素. nextElementSibling

6、获取父节点

　　　　元素.parentNode      没有兼容性

　　　　元素. parentNode.parentNode