DOM學習之如何新增元素(節點)

2022-10-11 04:03:11 字數 828 閱讀 6161

推測,新增應該有兩種型別,

一種是建立的新的、在dom樹之外的元素 / 節點新增到dom樹中 ,

一種是將已存在dom樹中的元素 / 節點新增到其它元素 / 節點 。

第一種:建立新元素/節點 。

通過 createelement()建立新元素節點,

如: let div = document.createelement('div');

就建立了元素div, 但此時的div元素還是文件碎片狀態,並未在dom樹中。

通過createtextnode建立文字節點,

如: let  txt = document.createtextnode('我歌且謠');

第二種: 將已經存在的元素/節點 新增到其它元素/節點中

2、在乙個元素前 / 後 新增元素 / 節點(不管是兄弟還是父子)

(換言之,將乙個節點新增到乙個節點之前 或 將乙個節點新增到乙個節點之後)

// 簡而言之, 排列兩個節點的前後順序

父元素 . insertbefore(文件位置靠前的節點, 文件位置靠後的節點)

3、 使用屬性innerhtml  可以向dom樹新增刪除、修改查詢節點,

不論是元素節點還是文字節點。

使用innerhtml 的節點,是通過它新增修改刪除節點的父元素。

增刪改: div . innerhtml = '我歌且謠

'。同時,此屬性可實現向某個節點前後新增節點。

新增到之前: div . innerhtml = 新新增節點 + div . innerhtml 

新增到之後: div . innerhtml = div . innerhtml + 新新增節點

HashMap如何新增元素詳解

map介面是乙個雙邊佇列,擁有key,value兩個屬性,其中key在儲存的集合中不允許重複,value可以重複。jdk1.8node節點 static class node implements map.entry 下面省略 儲存元素的陣列,加上transient關鍵字代表不可以被序列化 tran...

向Dom中新增元素與文字節點的屬性和方法

這些屬性由js字串建立,向dom中新增節點。body div id a aaa div div id b div div id c div div id d div div id e div script 建立strong元素與文字節點新增到dom document.getelementbyid a...

小程式如何獲取dom 元素節點

返回的 obj 有五個方法 1.obj.in component 沒用過這個方法,多用於元件的選擇器。2.obj.select selector 獲取指定的節點,selector是css選擇器。返回乙個nodesref物件例項,可以用於獲取節點資訊。3.obj.selectall selector ...