前言
什么是DOM?
DOM是W3C（万维网联盟）的标准
DOM定义了访问HTML和XML文档的标准
什么是XML DOM
XML DOM定义了所有XML元素的对象和属性，以及访问它们的方法
什么是HTML DOM
HTML的标准对象模型
HTML的标准编程接口
W3C的标准
1、DOM 节点
HTML文档中所有内容都是节点：
整个文档是一个文档节点
每个HTML元素是元素节点
HTML元素内的文本是文本节点
每个HTML属性是属性节点
注释是注释节点
HTML DOM 对象 方法和属性
要点：
getElementById()方法返回带有指定ID的元素
getElementById(id) - 获取指定ID的节点(元素)
appendChild(node) - 插入新的子节点(元素)
removeChild(node) - 删除子节点(元素)
一些常用的HTML DOM 属性
innerHTML - 节点的文本值
parentNode -节点的父节点
访问HTML元素节点
访问HTML元素等同于访问节点
通过使用getElementById（）方法
使用语法：下面的例子获取id=“intro”的元素
document.getElementById（"id"）；
通过使用：getElementByTagName（）方法
使用语法：下面的例子返回包含文档中所有<p>元素的列表
document.getElementByTagName（"p"）;
使用语法：下面的例子返回包含文档中所有 <p> 元素的列表，并且这些 <p> 元素应该是 id="main" 的元素的后代（子、孙等等）;
document.getElementById("main").getElementsByTagName("p");
getElementByClassName（）方法
创建新的HTML元素
createElement("p");//创建元素
createTextNode("nihao")//创建内容
原文：http://www.cnblogs.com/kuangJun/p/7967062.html