document 获得元素节点,属性节点,文本节点
生活随笔
收集整理的這篇文章主要介紹了
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);替換子節點。
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀
總結
以上是生活随笔為你收集整理的document 获得元素节点,属性节点,文本节点的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 认识DOM的三大节点:元素节点,文本节点
- 下一篇: jQuery Event对象的属性和方法