一直感覺DOM節點什么的亂七八糟的不能理解，可能博客也沒辦法寫清楚，只能把知道的一些信息大致寫下來慢慢再補充了。

?

HTML DOM類型

Node類型

Javascript中的所有節點類型都繼承自Node類型，因此所有節點類型都共享著相同的基本屬性和方法。

除IE外其他瀏覽器都可以訪問到這個類型。

每個節點都有一個NodeType屬性，用于表明節點的類型，節點類型由在Node類型中定義的下列12個常數值來表示，任何節點類型必居其一。

根據這些常量值可以很容易的判斷節點類型。

if(someNode.nodeType == Node.ELEMENT_NODE){//IE無效alert("Node is an element!"); } if(someNode.nodeType == 1){ //所有瀏覽器有效alert("Node is an element!"); }

?

Node.ELEMENT_NODE(1);?? 元素節點

NOde.ATTRIBUTE_NODE(2);??? 節點屬性

Node.TEXT_NODE(3);??? 文本節點

Node.CDATA_SECTION_NODE(4);?? CDATA區域中的內容

Node.ENTITY_REFERENCE_NODE(5);

Node.ENTITY_NODE(6);

Node.PROCESSING_INSTRUCTION_NODE(7);

Node.COMMENT_NODE(8);??? 注釋的文本節點

Node.DOCUMENT_NODE(9);??? document節點

Node.DOCUMENT_TYPE_NODE(10);

Node.DOCUMENT_FRAGMENT_NODE(11);??? document片段

Node.NOTATION_NODE(12);

?

JS操作DOM節點操作：

添加節點：

appendChild():通過把一個節點增加到當前節點的childNodes[]組，給文檔樹增加節點。

復制節點：

cloneNode():復制當前節點，或者復制當前節點以及它的所有子孫節點。

判斷是否擁有該節點：

hasChildNodes()：如果當前節點擁有子節點，則將返回true。

插入節點：

insertBefore()：給文檔樹插入一個節點，位置在當前節點的指定子節點之前。如果該節點已經存在，則刪除之再插入到它的位置。

刪除節點：

removeChild()：從文檔樹中刪除并返回指定的子節點。

替換節點：

replaceChild()：從文檔樹中刪除并返回指定的子節點，用另一個節點替換它。

?

DOCUMENT類型：

查找節點：

getElementById()

getElementByTagName()

getElementByClassName()

轉載于:https://www.cnblogs.com/calamus/p/5870332.html

總結

以上是生活随笔為你收集整理的js获取节点的DOM操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。