11.14
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