1.节点的属性
（1）节点类型：nodeType
（2）节点名称：nodeName
（3）节点值：nodeValue
2.节点层级
一个HTML文件可以看作是所有元素组成的一个节点树，各元素节点之间有级别的划分。
（1）根节点：<html>就是根节点，有且只有一个
（2）父节点：一个节点的上级节点
（3)子节点：一个节点的下级节点
（4）兄弟节点：具有相同父节点的节点
3.节点的操作
（1）获取父节点 ：element.parentNode
(2)获取子节点
在JavaScript中，可以使用childNodes属性或者children属性两种方式来获得当前元素的所有子节点的集合。
children是一个可读的属性，返回所有子元素节点。children只返回子元素节点，其余节点不返回，目前各大浏览器都支持该属性，在实际开发中通常使用“obj.children[索引] ”的方式来获取子元素节点。
3）获取兄弟节点
在JavaScript中，可以使用nextSibling属性获得下一个兄弟节点，或者使用previousSibling属性获得上一个兄弟节点，它们的返回值包含元素节点或者文本节点等。如果找不到，就返回null。
（4）创建节点（动态创建节点）
在DOM中，使用document.createElement('tagName')方法创建由tagName指定的HTML元素，也称为动态创建元素节点。
document.write（）：若页面加载完毕，再次调用该方法会导致页面重绘
element.innerHTML：将节点加入到某个元素中，会导致元素的部分重绘
document.createElement（）：创建节点，结构清晰，效率不高
（5）添加和删除节点
DOM中，提供了node.appendChild()和node.insertBefore()方法用于添加节点，node. removeChild(child)用于删除节点。
appendChild（）：将节点添加到指定父节点的已有子节点集合末尾
insertBefore（）：将节点添加到指定父节点的已有子节点集合前面
removeChild（child）：删除一个指定的节点
留言0