DOM(Document Object Model)文档对象模型 浏览器厂商对DOM支持有差异
节点类型:文档节点 元素节点 文本节点 注释节点 属性节点
Node类型属性和方法:
1.nodeType 返回节点类型的整数值
文档9 元素1 属性:2 注释: 文本:
2.nodeName 返回节点纯大写名称 div DIV body BODY
3.nodeValue 返回文本节点节点值 文本节点 注释节点 属性节点
4.textContent 返回当前节点和子节点文本值
hello world
行内元素
5.nextSibling 返回同级节点下一个节点
6.previousSibling 返回同级节点前一个节点
7.firstChild 返回当前节点的第一个节点
8.lastChild 返回当前节点的最后一个节点
9.parentNode 返回当前节点的父节点
10.parentElement 返回当前节点父元素节点
11.childNodes 返回当前节点所有子节点组成Nodelist集合(类数组对象)
Nodelist(5)[]
Array(5)[]
12.children 返回当前节点的所有子元素节点
方法:
以下方法都由父节点调用
1.appendChild() 参数:追加的节点 给父节点追加一个节点
2.insertBefore() 参数:插入的节点 参考节点 在参考节点前插入一个节点
3.removeChild() 参数:要移除的节点 从当前父节点中移除一个节点
4.replaceChild() 参数:新节点 旧节点 将旧节点使用新节点替换啊