DOM 是 Document Object Model（文档对象模型）的缩写。

DOM是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

在 HTML DOM中，所有事物都是节点。DOM 是被视为节点树的 HTML。

整个文档是一个文档节点

每个 HTML 元素是元素节点

HTML 元素内的文本是文本节点

每个 HTML 属性是属性节点

注释是注释节点

nodeName 属性

nodeName 属性规定节点的名称

元素节点的 nodeName 与标签名相同

属性节点的 nodeName 与属性名相同

文本节点的 nodeName 始终是 #text

文档节点的 nodeName 始终是 #document

nodeValue 属性规定节点的值。

元素节点的 nodeValue 是 undefined 或 null

文本节点的 nodeValue 是文本本身

属性节点的 nodeValue 是属性值

改变 HTML 内容

document.getElementById("p1").innerHTML="New text!";

改变 CSS 样式

document.getElementById("p2").style.color="blue";

追加子元素的方法

首先必须创建该元素（元素节点），然后把它追加到已有的元素上。var para=document.createElement("p");

创建新的 HTML 元素 - appendChild() 在父元素的最后追加

创建新的 HTML 元素-element.insertBefore(para,child);在指定位置给父级追加子元素

删除 HTML 元素，您必须清楚该元素的父元素：parent.removeChild(child);

替换 HTML 元素:parent.replaceChild(para,child); 方法

实例

                        
                            var element=document.getElementById("d1");
                            var para=document.createElement("p");
                            var node=document.createTextNode("This is new.");
                            para.appendChild(node);
                            element.appendChild(para);