Node 節點 的4個操作方法

1

//example 1
23 console.log(returnednode ==newnode);
4 console.log(somenode.lastchild ==newnode);56
//example 2
78 console.log(returnednode == somenode.firstchild); //
false
9 console.log(returnednode == somenode.lastchild); //
true
1011
//插入後成為最後乙個子節點
12 returnednode = somenode.insertbefore(newnode, null
);13 console.log(newnode == somenode.lastchild); //
true
1415
//插入後成為第乙個子節點
16var returnednode =somenode.insertbefore(newnode, somenode.firstchild);
17 console.log(returnednode == newnode);//
true
18 console.log(newnode == somenode.firstchild);//
true
1920
//插入到最後乙個子節點前面
21var returnednode =somenode.insertbefore(newnode,somenode.lastchild);
22 console.log(newnode == somenode.childnodes[somenode.childnodes.length - 2]);//
true
2324
//替換第乙個子節點
25var returnednode =somenode.replacechild(newnode,somenode.firstchild);
2627
//替換最後乙個子節點
28var returnednode =somenode.replacechild(newnode,somenode.lastchild);
2930
//移除第乙個子節點
31var formerfirstchild =somenode.removechild(somenode.firstchild);
3233
//移除最後乙個子節點
34var formerfirstchild = somenode.removechild(somenode.lastchild);

jQuery節點操作方法

在元素內部插入節點 方法說明 示例為所有匹配的元素的內部追加內容 將所有匹配元素新增到另乙個元素的元素集合中 prepend content 為所有匹配的元素的內部前置內容 b prepend p a p 向id為b的元素內容前新增乙個段落 prependto content 將所有匹配的元素前置到...

jQuery節點操作方法大全

向每個匹配的元素內部追加內容 html 我想說 jquery 結果 我想說 你好 html 我想說 jquery 結果 我想說 你好 3.prepend 向每個匹配的元素內部前置內容 html 我想說 jquery p prepend 你好 結果 你好我想說 4.prependto 將所有匹配的元素...

DOM屬性節點的操作方法

選擇id為pink的標籤 let pink document.queryselector pink 選擇pink元素的所有屬性節點 let pinkattr pink.attributes 列印每乙個屬性 nodename也可以以寫成name nodevalue也可以寫成value getattri...