建立並新增新節點,刪除,替換和轉殖

2021-06-26 05:31:20 字數 1460 閱讀 7682

建立標籤節點:document.createlement(tagname);

建立文字節點:document.createtextnode(msg);

innertext=「」節點文字內容;如果有**也作為純文字顯示

innerhtml屬性可以解析內部帶有html**的玩呢吧

divnode.innerhtml="haha,zheshi quyu".fontcolor('red');

divnode.innerhtml=""

刪除節點removechild:

oremove=object.removechild(onode);

刪除子節點必須要找到父節點。

需求:把div_2節點刪掉,兩種方式

1.找到div_2的父節點,然後再用removechild刪除

alert(divnode.parentnode.nodename);

divnode.parentnode.removechild(divnode);//一起刪除

2.divnode.removenode(true);//刪除當前節點,下面的子節點

向上頂上。為true時,節點的內容也刪除,為****se

替換節點replacechild:

oreplace=object.replacechild(onewnode,ochildnode)

replacenode:oreplace=object.replacenode(0newnode)

//需求:將div_3區域中的文字節點,替換成乙個新的文字節點

,當然可以使用innertext,innerhtml,

思路:1.獲取原文本節點

2.建立乙個新的檔案節點

3.通過div的方法完成替換

//需求:

用div區域三節點替換div區域一,相當於原節點刪除

var divnode_1=document.getelementbyid("div_1");

divnode_1.replace(divnode);

轉殖節點oclone=object.clonenode[bclonechildren]:

//需求:用div4替換div1,但是還有div4保留原位置

思路:)

1複製乙個div4節點

2.通過替換完成div_1被取代,div4存在兩個。

var divnode_4=document.getelementbyid("div_4");

var divnode_1=document.getelementbyid("div_1");

//複製乙個div_4節點

var copy_4=divnode_4.clonenode(true);

divnode_1.replacenode(divnode_4);

詳情見**

firstchild=childnodes[0]

last-----=-----------[length-1]

建立新的節點並新增到現有的節點樹上

建立乙個新的元素節點 var node document.createelement 標籤名 此時此元素只存在於記憶體中 建立乙個新的文字節點 var txt document.createtextnode 文字內容 建立乙個文件片段物件 var fragment document.createdo...

js節點的建立新增刪除

var ul document.getelementbyid box 建立節點 建立節點 var li1 document.createelement li var li2 document.createelement li innertext 只設定文字 li1.innertext 123 元素物...

節點操作,建立 插入 刪除 替換 複製

建立屬性節點 元素節點 document.createelement 標籤名 返回值 新的元素節點 建立完成後,需要插入到頁面中才能看到 文字節點 document.createtextnode 內容 這個不能解析標籤,只能文字 node.insertbefore 新節點,參考節點 在父節點的參考節...