文档对象模型（Document Object Model）

DOM(Document Object Model,文档对象模型) 最早于1998年由万维网联盟（W3C）标准化，只是表现和处理XML、XHTML和HTML数据的一种方法。简而言之，DOM为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。
DOM将数据表示为一棵树，从单一的主干（称为根）开始。在HTML页面中，起始点是HTML标记。根之上是树枝，每根树枝是HTML页面的另一个元素，这样，每个HTML元素及其属性和值都可以由DOM表示。

元素在DOM中表现为节点(Node)。节点有自己的分支，这些分支也是节点。这种结构通常以家族的方式描述：双亲(Parents)节点有子(Child)节点,节点还有兄弟(Sibling)节点，等等。网页中的根节点document没有双亲节点，只有一个子节点:html。DOM中的每个节点代表一个对象。这些对象有特殊的属性，反应每个节点与其直接家族成员的关系。

（一） 访问节点的方法

(1).getElementById() 通过 id 访问节点，可以找到特定的元素。

function $(id){
   return document.getElementById(id);}

(2).getElementsByTagName() 通过 标签（元素）访问节点，可以找到特定类型的所有元素。该方法返回选中元素的一个类数组列表(注意，方法名称中的复数形式Elements). getElementsByTagName() 可以在任何元素上调用，所以你可以使用特定的起始点，限制搜索范围。

var header = document.getElementById(‘header’);
var hLinks = header.getElementsByTagName(‘a’);

(3).getElementsByClassName() 通过类名访问节点，但是此方法有兼容性问题（IE6、IE7、IE8），此方法在IE9之前的版本中不存在。解决方法，可以封装自己的class类。

<script type="text/javascript">
    window.onload = function(){
    
    //封装自己的class类名
     <