document 获得元素节点,属性节点,文本节点

来源:互联网 发布:淘宝店招图片尺寸 编辑:程序博客网 时间:2024/03/29 19:51
document 获得元素节点,属性节点,文本节点。
 
Elementw3c 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);替换子节点。
0 0