javascript節點的增刪改查

2021-07-26 05:14:15 字數 1088 閱讀 3317

1、節點的建立。

1.1:通過createelement(標籤名) 建立乙個節點。

1.3:

createdocumentfragment() //建立乙個dom片段

1.4: createelement() //建立乙個具體的元素

2、新增、移除、替換、插入。

removechild()

replacechild()

insertbefore()

3、查詢

getelementsbytagname() //通過標籤名稱

getelementsbyname() //通過元素的name屬性的值

getelementbyid() //通過元素id,唯一性

4、節點的刪除。

lremovechild(節點) 刪除乙個節點。

具體例項運用

建立、插入節點。

雪梨香蕉

var olist=document.getelementbyid('list');

var oxi=document.createelement('li'); //建立節點

oxi.innerhtml='西瓜';//新增內容

var oyt=document.createelement('li');

oyt.innerhtml='櫻桃';

olist.insertbefore(oyt,oal);//父節點.insertbefore(節點,原來節點)

新增後:

查詢節點。

通過子節點查詢父節點的方式

ochild.parentnode

查詢首尾節點

firstchild、firstelementchild

查詢兄弟節點

llastchild 、lastelementchild.

JavaScript 節點的屬性

節點的屬性 序號屬性名稱 功能childnodes 得到節點的所有子節點,已陣列的形式儲存 firstchild 得到節點的第乙個子節點 等價於 childnodes 0 lastchild 得到節點的最後乙個子節點 parentnode 得到節點的父節點 nextsibling 得到後乙個兄弟節點...

JavaScript獲取節點

可以把html中的每個標籤看成乙個節點,那麼可以通過js將這些節點獲取出來,可以使用js的乙個內建物件 物件有自己的屬性和方法 取得這些節點並且進行操作 修改,刪除,替換其內容 該物件是乙個內建物件叫作document,內建物件就是已經建立好的物件,我們可以直接使用。瀏覽器標題欄 title 引用外...

JavaScript操作節點

之前我們能取得的節點物件,但是僅僅是取得而沒有做其他操作,那麼我們也可以建立乙個節點然後動態的插入到dom節點樹種 獲取div節點 var div document.getelementsbytagname div 0 建立文字節點 var textnode document.createtextn...