document 获得元素节点，属性节点，文本节点。

 

document 获得元素节点，属性节点，文本节点。

 

※ Element 在 w3c xml DOM 中， HTML 没有。

( 添加，修改，替换，删除，都在 xml dom 中 )

http://www.w3school.com.cn/xmldom/dom_element.asp

 

获得元素节点方法

document.getElementById("id");// 返回一个节点

document.getElementsByName("name");// 全局，返回节点数组

(document|Element). getElementsByTagName (" 标签名 "); // 全局，某一节点下，返回节点数组

 

获得属性节点方法

Element. getAttribute(" 属性名 ");// 返回值

 

获得文本节点

1. Element. firstChild. nodeValue;// 通过属性方式

2. Element.innerText; // 通过属性方式

3.Element .innerHTML;

 

获得父节点

Element .parentNode;// 属性

 

添加节点：

var pElement=document. createElement(text);// 创建元素节点 , 返回新建节点的引用指针；

var textElement=document.createTextNode("value");// 创建文本节点 , 返回新建节点的引用指针；

 

ElementText. appendChild (textElement);// 创建的文本节点 , 添加到元素节点中

doucument. appendChild ( pElement );

 

Element.insertBefore();// 在已有的子节点之前插入一个新的子节点。

Element. appendChild ();// 向节点的子节点列表末尾添加新的子节点。

 

删除属性

elementNode.removeAttribute(name); // 删除指定的属性。

删除指定属性节点

Element. removeAttributeNode();// 删除指定的属性节点。

删除子节点

elementNode.removeChild(node);// 删除子节点。

 

替换

elementNode.replaceChild(new_node,old_node); 替换子节点。