Dom元素操作

2021-09-24 14:43:56 字數 1165 閱讀 2373

//把建立的p元素新增到父元素box裡

btn1.onclick = function()

//移除父元素裡的p元素

//插入元素 - insertbefore(被插入的元素,參照元素)

var dom = document.getelementbyid("dom");

var newdom = document.createelement("div");

dom.insertbefore(newdom,dom.children[n]);把建立好的元素插入到dom元素下的n元素之前

//替換元素 - replacechild(替換元素,被替換元素)

var dom = document.getelementbyid("dom");

var newdom = document.createelement("div");

dom.replacechild(newdom,dom.children[n]);替換掉父元素裡面第n個元素

//轉殖元素 - clonenode(true/false)

var dom = document.getelementbyid("dom");

dom.clonenode(true/false);預設false 只轉殖最外層所選中的元素;true則深度轉殖,即裡面任何子元素都會被轉殖;

DOM元素的操作

dom元素的操作有動態建立dom元素,子父元素操作,dom元素追加,屬性設定等等.前面詳細的總結了dom元素的獲取方式,這裡複習總結一下下.使用createelement 方法建立元素 語法 document.createelement nodename 引數 nodename 引數描述 必須。建立...

操作DOM元素 1

js操作dom元素 的編寫 dom樹 傳統的html文件順序是 document html head,body 根據 dom,html 文件中的每個成分都是乙個節點。整個文件是乙個文件節點 每個 html 標籤是乙個元素節點 包含在 html 元素中的文字是文字節點 每乙個 html 屬性是乙個屬性...

操作dom元素(3)

class 標籤名 name 選擇器 queryselectorall 查屬性 點語法獲取元素的特點 attribute 獲取 設定 移除 查內容 textcontent innerhtml 增 innerhtml 新增 侷限性 document.createelement 新增步驟 2.設定標籤屬...