JavaScript Dom 編程藝術學習筆記之DOM操做

[TOC]

---

####1.dom方法獲取元素和節點

1. getElementById 返回給定id屬性值的元素節點對應的對象document.getElementById(id) 例：document.getElementById("purchases")
2. getElementByTagName 返回對象數組，每一個對象分別對應文檔中給定標籤的一個元素。element.getElementByTagName(tag) 例：document.getElementByTagName(「li」)
3. getElementByClassName 經過class屬性中的類名訪問元素。getElementByClassName(class) 例：document.getElementByClassName(「sale」)
4. getAttribute 它是一個函數。參數爲要查詢參數的名字。只能經過元素節點調用。object.getAttribute(attribute)

var paras = document.getElementByTagName("p");
   for (var i = 0; i< paras.length; i++){
      alert(paras[i].getAttribute("title"));
      }

5. setAttribute 對屬性節點值作出修改object.setAttribute(attribute,value) ####2.節點屬性
6. chileNodes屬性 獲取任意元素的全部子元素element.childNodes

var body_element.getElementByTagName("body")[0];
body_element.childNodes

2. nodeType屬性

• 元素節點的nodeType屬性值是1
• 元素節點的nodeType屬性值是2
• 元素節點的nodeType屬性值是3