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 1
属性attr 2
文本text 3
解释comments 8
文档document 9

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);