DOM

一，获取元素

• 1， getElementById 获取id （返回获取节点对应对象）

    
我是标题
    
我是段落
    

        
1
        
2
        
3
    
    


* 用typeof操作符来验证类型

• 2，getElementsByTagName 获取每个元素（返回一个对象上数组）

• 3 ，getElementsByClassName 通过class属性的类名访问元素 (返回相同类名的元素的数字)

二，获取和设置属性

• 1，getAttribute 获取某个节点的属性值，它只能通过元素节点调用

   var paras =document.getElementsByTagName("p");
        for(var i=0;i

• 2， setAttribute 允许我们对属性节点的值做出修改

        var shopping = document.getElementById("purchases");
        alert(shopping.getAttribute("title"));
        shopping.setAttribute("title","a list of goods");
        alert(shopping.getAttribute("title"));
        //会弹两次，第一次null ,第二次为 a list of goods

      var paras = document.getElementsByTagName("p");
        for(var i=0;i

• 3 ,childNodes属性 用来获取任何一个元素的所有子元素。

function countBodyChildren(){
         var body_element = document.getElementsByTagName("body")[0];
         alert(body_element.childNodes.length);
     }
//获取body的所有子元素

function countBodyChildren(){
         var body_element = document.getElementsByTagName("body")[0];
         alert(body_element.nodeType);
          //结果是1
   * 元素节点的nodeType属性值是1.
     属性节点的nodeType属性值是2.
     文本节点的nodeType属性值是3.
     }

• 4，nodetype 可以只对特定类型的节点进行处理

    
    
    


    
snapshotws
    

        

            rose
        
    
   
    ![](image/IMG_5030.JPG)
    
Choose an image.

• 5, nodeValue属性 改变文本节点的值

    
snapshotws
    

        

            coffee
        
    
   
    ![](image/IMG_5030.JPG)
    
Choose an image.