DOM節點操作

1.nodetype - 表示節點的型別

1 表示這是乙個元素節點

3 表示這是乙個文字節點
8 表示這是乙個注釋節點

#text 表示這是乙個文字節點

大寫的標籤名 表示這是乙個元素節點
#comment 表示這是乙個注釋節點

文字節點 - 那一段文字

注釋節點 - 注釋內容
元素節點 - null

document.

createelement
("標籤名"
);

父節點.

removechild
("子節點"
);

父節點.

replacechild
("新的節點,被替換的節點"
);

所有子節點：		元素.childnodes

第乙個子節點： 元素.firstchild
最後乙個子節點： 元素.lastchild
父節點： 元素.parentnode
屬性節點： 元素.attributes

父元素.

("子節點"
);

父元素.

insertbefore
(新的節點，舊的節點)
;

節點.

clonenode()
// 括號裡不加引數true，只能複製乙個空標籤，如果加了true引數，就可以把裡面的內容也複製出來

DOM節點操作

節點型別 nodetype nodename nodevalue 含義element node 1標籤名 eg div null 元素節點 attribute node 2特性名 eg class 特性值特性節點 text node 3 text 文字的內容 文字節點 cdata section n...

操作dom節點

取到節點物件可以，我們可以建立乙個節點後動態插入到dom節點樹中 html中 1 建立乙個文字節點 第一段第二段 第三段 js var div document getelementsbytagname div 0 var textnode document createtextnode 文字節點 ...

DOM 節點操作

方法名 只能document呼叫 返回單一的值 返回動態集合 getelementbyid getelementsbytagname getelementsbyclassname queryselectorall queryselector 建立節點document.createelement ta...