1.createelement() 建立乙個元素節點
let p = document.createelement('p')
這個方法必須要傳遞乙個節點作為引數 不能字串
是放在父元素的末尾
2.insertbefore() 插入到某乙個元素的前面
語法: 父元素.insertbefore(你要插入的元素,哪乙個元素的前面)
box.insertbefore(p,span)
1.replacechild()
語法: 父元素.replacechild(新節點,舊節點)
box.replacechild(p,span)
1.clonenode()
語法:元素.clonenode() 有乙個引數選填返回值:被轉殖好的節點(預設是不轉殖子節點)
引數:表示是否轉殖子節點(預設值是false)
let clonebox = box.clonenode()
1.removechild()
語法:父元素.removechild(你要移除的字節點)
box.removechild(span)
DOM資料之節點操作
節點的訪問關係都是屬性。節點的操作都是函式或者方法。建立節點 新的標籤 節點 document.createelement 標籤名 插入節點 使用節點 父節點的最後插入乙個新節點 注 如果是已經存在的節點,會移動該節點,相當於move 父節點.insertbefore 新節點,參考節點 刪除節點 父...
dom節點及對節點的常用操作方法
在說dom節點前,先來看看頁面的呈現 dom渲染流程 1 瀏覽器解析html原始碼,然後建立乙個dom樹。在dom樹中,每乙個html標籤都有乙個對應的節點 元素節點 並且每乙個文字也都有乙個對應的節點 文字節點 dom樹的根節點就是documentelement,對應的是html標籤。2 瀏覽器解...
dom節點及對節點的常用操作方法
dom節點及對節點的常用操作方法 在說dom節點前,先來看看頁面的呈現 dom渲染流程 1 瀏覽器解析html原始碼,然後建立乙個dom樹。在dom樹中,每乙個html標籤都有乙個對應的節點 元素節點 並且每乙個文字也都有乙個對應的節點 文字節點 dom樹的根節點就是documentelement,...