HTML中的所有文件都是节点
● 整个文档是一个文档节点
● 整个HTML元素是元素节点
● HTML元素内的文本是文本节点
● 每个HTML属性是属性节点
● 注释是注释节点
编程接口
可以通过JavaScript对HTML DOM进行访问
所有 HTML 元素被定义为对象，而编程接口则是对象方法和对象属性。
方法是您能够执行的动作（比如添加或修改元素）
属性是您能够获取或设置的值（比如节点的名称或内容）
HTML DOM 对象
一些常用的 HTML DOM 方法：
● getElementById(id) - 获取带有指定 id 的节点（元素）
● appendChild(node) - 插入新的子节点（元素）
● removeChild(node) - 删除子节点（元素）
一些常用的 HTML DOM 属性：
● innerHTML - 节点（元素）的文本值
● parentNode - 节点（元素）的父节点
● childNodes - 节点（元素）的子节点-返回集合
● attributes - 节点（元素）的属性节点-返回集合
nodeName 属性
nodeName 是只读的
● 元素节点的 nodeName 与标签名相同
● 属性节点的 nodeName 与属性名相同
● 文本节点的 nodeName 始终是#text
● 文档节点的 nodeName 始终是#document
nodeValue 属性
nodeValue 属性规定节点的值
● 元素节点的 nodeValue 是 null 或者 undefined
● 文本节点的 nodeValue 是文本本身（innerHTML）
● 属性节点的 nodeValue 是属性的值
nodeType 属性
nodeType 属性返回节点的类型。nodeType 是只读的。
比较重要的节点类型有：
元素 1
属性 2
文本 3
注释 8
文档 9
onmousedown、onmouseup 以及 onclick 事件
onmousedown、onmouseup 以及 onclick 事件是鼠标点击的全部过程。
首先当某个鼠标按钮被点击时，触发 onmousedown 事件，
然后，当鼠标按钮被松开时，会触发 onmouseup 事件，
最后，当鼠标点击完成时，触发 onclick 事件。
