JavaScript_02 DOM简述及获取元素

1、DOM：documentObjectModel。文档对象模型。
D:代表文档，也即当我们编写一个网页并加载到浏览器中时，它将我们的网页文档转换为一个文档对象
O:代表对象
-用户自定义的对象：程序员自行开发的对象。
-内置对象：内建在javascript语言中的对象
-宿主对象：由浏览器提供的对象
M:代表模型
DOM把一份文档表示为一颗树，如下代码：

    
        
        
    
    
        
what to you buy?
        
don't forget to buy this stuff
        

            
a tin of beans
            
cheese
            
milk
        
    

分析一下网页的结构可以得到这样的模型

dom.jpeg

对于这个树来说，通过不同的节点来构成。节点包括：
-元素节点：例如

• 等；
  -文本节点：比如上面代码中

  元素中的don't forget to buy this stuff即为文本节点；
  -属性节点：属性节点被放在元素节点的起始节点中，如：代码中的title="a gentle reminder"即为属性节点；

  2、获取元素：
  (1)、getElementById();通过元素的id属性值来获取元素，返回一个元素对象。

  (2)、getElementsByTagName();通过元素节点名称来获取元素列表，返回一个对象数组。

  (3)、getElementsByTagName();通过元素节点classname来获取元素列表，返回一个对象数组。

  3、获取和设置属性
  (1)、获取属性值：getAttribute()

  (2)、设置属性值：getAttribute()