HTML DOM

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 事件。