DOM（Document Object Model），即文档对象模型，是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，它允许开发人员添加、移除和修改页面的某一部分。当我们创建了一个网页并把它加载到Web浏览器上，DOM就在幕后悄然而生，因为它把你所编写的网页文档转换为一个文档对象。

　　我们可以这么理解DOM，把DOM看做一棵节点树，主要由元素节点、属性节点、文本节点三种节点构成。例如下方的一行HTML代码，

Hello JavaScript

 其中 p 为元素节点，title="reminder" 为属性节点，Hello JavaScript 为文本节点。

　　HTML文档中每一个元素节点都是一个对象，其中3个获取特定元素的方法分别是： getElementById、getElementsByTagName 和 getElementsByClassName 方法。当我们得到需要的元素后，就可以获取它的各个属性，getAttribute 方法就是用来做这件事的，而 setAttribute 方法则用来更改属性节点的值。

例如下方的HTML文档，对其进行JavaScript的 DOM 的5种基本方法操作，如下所示：

1  2  3      4         
      5          6         26     27     28         
What to buy
29         
Never Settle !!!
30         
     
      31             
      
HUAWEI
32             
      
OPPO & vivo
33             
      
mi
34         
     
35     36 

getElementById 方法，返回那个给定 id 属性值的元素节点对应的对象：

1 

getElementsByTagName 方法，返回一个对象数组，每个对象对应着文档里给定标签的一个元素：

1 

getElementsByClassName 方法，返回一个对象数组，每个对象对应着文档里给定类名的一个元素：

1 

getAttribute 方法，获取元素节点的各个属性：

1 

setAttribute 方法，对属性节点的值做出修改：

1