節點操做

Dom節點操做方法

1.訪問/獲取節點
返回對擁有指定id的第一個對象進行訪問

document.getElementById(id);

返回帶有指定名稱的節點集合　　 注意拼寫:Elements

document.getElementsByName(name);

　　　　
返回帶有指定標籤名的對象集合　 注意拼寫：Elements

document.getElementsByTagName(tagname);

　　
返回帶有指定class名稱的對象集合 注意拼寫：Elements

document.getElementsByClassName(classname)

---

2.建立節點/屬性
建立一個節點

document.createElement(eName);

　
對某個節點建立屬性

document.createAttribute(attrName);

建立文本節點

document.createTextNode(text);

---

3.添加節點
在某個節點前插入節點

document.insertBefore(newNode,referenceNode);

　
給某個節點添加子節點

parentNode.appendChild(newNode);

---

4.複製節點
複製某個節點 參數：是否複製原節點的全部屬性

cloneNode(true | false);

---

5.刪除節點
刪除某個節點的子節點 node是要刪除的節點

parentNode.removeChild(node)；

注意：爲了保證兼容性，要判斷元素節點的節點類型(nodeType)，若nodeType==1，再執行刪除操做。經過這個方法，就能夠在 IE和 Mozilla 完成正確的操做。

nodeType 屬性可返回節點的類型.最重要的節點類型是：
元素類型 節點類型
元素element
屬性attr
文本text
註釋comments
文檔document

---

6.修改文本節點

將data加到文本節點後面

appendData(data)；

將從start處刪除length個字符

deleteData(start,length);

在start處插入字符,start的開始值是0;

insertData(start,data);

在start處用data替換length個字符

replaceData(start,length,data);

在offset處分割文本節點

splitData(offset);

從start處提取length個字符

substringData(start,length);

---

7.屬性操做
經過屬性名稱獲取某個節點屬性的值

getAttribute(name)

修改某個節點屬性的值

setAttribute(name,value);

刪除某個屬性

removeAttribute(name)；　

---

8.查找節點
若是節點爲已知節點的第一個子節點就能夠使用這個方法。此方法能夠遞歸進行使用

parentObj.firstChild;　　
parentObj.firstChild.firstChild

得到一個節點的最後一個節點，與firstChild同樣也能夠進行遞歸使用

parentObj.lastChild;　　
parentObj.lastChild.lastChild

得到節點的全部子節點，而後經過循環和索引找到目標節點

parentObj.childNodes;

---

9.獲取相鄰的節點
獲取已知節點的相鄰的上一個節點

curtNode.previousSibling;

獲取已知節點的下一個節點

curtNode.nextSlbling；

---

10.獲取父節點
獲得已知節點的父節點

childNode.parentNode;

---

11.替換節點

replace(newNode,oldNode)；