JavaScriptDOM（一）

HTML DOM 简介

文档对象模型（Document Object Model，简称DOM），；是 HTML 和 XML 文档的编程接口。
DOM 以树结构表达 HTML 文档。
W3C DOM 标准被分为 3 个不同的部分：
核心 DOM - 针对任何结构化文档的标准模型；
XML DOM - 针对 XML 文档的标准模型；
HTML DOM - 针对 HTML 文档的标准模型；
重点解释HTML DOM：HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法；即HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

HTML DOM 节点

根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点；整个文档是一个文档节点、
每个 HTML 元素是元素节点、HTML 元素内的文本是文本节点、每个 HTML 属性是属性节点、注释是注释节点。
HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树或DOM树。

HTML DOM 方法

HTML DOM 方法是我们可以在节点（HTML 元素）上执行的动作。
一些常用的 HTML DOM 方法：
getElementById(id) - 获取带有指定 id 的节点（元素）；
getElementsByTagName() - 返回包含带有指定标签名称的所有元素（集合/节点数组）；
getElementsByClassName() - 返回包含带有指定类名的所有元素（集合/节点数组）；
getElementsByName() - 返回name属性为（）里的值的所有元素（集合/节点数组）；
appendChild(node) - 插入新的子节点（元素）；
removeChild(node) - 删除子节点（元素）；
replaceChild() - 替换子节点；
insertBefore() - 在指定的子节点前面插入新的子节点；
createAttribute() - 创建属性节点；
createElement() - 创建元素节点；
createTextNode() - 创建文本节点；
getAttribute() - 返回指定的属性值；
setAttribute() - 把指定属性设置或修改为指定的值；

HTML DOM 属性

属性是节点（HTML 元素）的值，你能够获取或设置。
一些常用的 HTML DOM 属性：
innerHTML - 节点（元素）的文本值；
parentNode - 节点（元素）的父节点；
childNodes - 节点（元素）的子节点；
attributes - 节点（元素）的属性节点；
nodeName - 规定节点的名称：nodeName 是只读的、元素节点的 nodeName 与标签名相同、属性节点的 nodeName 与属性名相同、文本节点的 nodeName 始终是 #text、文档节点的 nodeName 始终是 #document；
nodeValue - 规定节点的值：元素节点的 nodeValue 是 undefined 或 null、文本节点的 nodeValue 是文本本身、属性节点的 nodeValue 是属性值；
nodeType - 返回节点的类型：nodeType 是只读的、1表示元素、2表示属性、3表示文、8表示注释、9表示文档；