DOM之對節點的操作

2021-10-05 14:12:15 字數 989 閱讀 2185

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,...