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

?

HTML DOM類型

Node類型

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

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

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

根據(jù)這些常量值可以很容易的判斷節(jié)點類型。

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);?? 元素節(jié)點

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

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

Node.CDATA_SECTION_NODE(4);?? CDATA區(qū)域中的內(nèi)容

Node.ENTITY_REFERENCE_NODE(5);

Node.ENTITY_NODE(6);

Node.PROCESSING_INSTRUCTION_NODE(7);

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

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

Node.DOCUMENT_TYPE_NODE(10);

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

Node.NOTATION_NODE(12);

?

JS操作DOM節(jié)點操作：

添加節(jié)點：

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

復制節(jié)點：

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

判斷是否擁有該節(jié)點：

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

插入節(jié)點：

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

刪除節(jié)點：

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

替換節(jié)點：

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

?

DOCUMENT類型：

查找節(jié)點：

getElementById()

getElementByTagName()

getElementByClassName()

轉(zhuǎn)載于:https://www.cnblogs.com/calamus/p/5870332.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。