- 整个文档是一个文档节点
- 每个HTML元素是元素节点
- HTML元素内的文本是文本节点
- 每个HTML属性是属性节点
- 注释是注释节点
- 属性节点和文本节点都属于元素节点的子节点，因此操作时，需要先选中元素节点，再修改属性和文本。
通过 HTML DOM，树中的所有节点均可通过JavaScript进行访问，所有HTML元素（节点）均可被修改，也可以创建或删除节点。
HTML DOM 方法
createAttribute() 创建属性节点
createElement() 创建元素节点
createTextNode() 创建文本节点
appendChild() 把新节点添加到指定节点
insertBefore() 在指定的子节点前面插入新的子节点
removeChild() 删除子节点
replaceChild() 替换子节点
getAttribute() 返回指定的属性值
setAttribute() 把指定属性设置成或修改为指定的值
HTML DOM 属性
innerHTML 获取节点的文本值
innerHTML 属性对于获取或替换HTML 元素的内容很有用
parentNode 获取节点的父节点
childNodes 获取节点的子节点
attributes 获取节点的属性节点
firstChild 返回第一个子节点