HTML DOM的建立，刪除及替換

建立html元素

var newelement = document.createelement("p")   //

建立新元素p
var newtextnode = document.createtextnode("文字節點") //
建立新文字節點
向 元素追加文字節點
var element = document.getelementbyid("div_id")

document.insertbefore()

該方法可以在指定位置建立新元素

var newelement=document.createelement("p");

var newtextnode=document.createtextnode("文字節點");
var element=document.getelementbyid("div_id");
var child=document.getelementbyid("p1");
element.insertbefore(newelement,child); 
//將newelement插入到child節點前

刪除html元素

document.removechild()

var parent=document.getelementbyid("div1");

var child=document.getelementbyid("p1");
parent.removechild(child); 
/*要想刪除乙個元素必須要通過父元素呼叫removechild()方法實現
如果確定刪除的元素但不確定父元素，可通過以下方式實現
即通過parentnode屬性獲取父元素，然後再呼叫removechild()方法實現
var child=document.getelementbyid("p1");
child.parentnode.removechild(child);
*/

替換html元素

document.replacechild()

var parent=document.getelementbyid("div1");

var child=document.getelementbyid("p1");
var para=document.createelement("p");
var node=document.createtextnode("這是乙個新的段落。");
parent.replacechild(para,child);

ES document刪除建立，替換

1.document的全量替換 2.document的強制建立 3.document的刪除 1.document的全量替換 語法與建立文件是一樣的，如果document id不存在，那麼就建立，如果document id存在，那麼就全量替換，替換document中的 json串的內容 2.docum...

DOM節點的建立 插入 刪除 查詢 替換

使用的命令是 var odiv document.createelement div 這樣就建立了乙個div標籤。移動dom節點也就是把這個節點插入到html文件中的某個地方，這裡js給了我們兩個方法 把div插入到body中，並且位於末尾 2.insertbefore 把節點插入到父節點的某個兄弟...

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

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