js 操作html dom節點

2021-10-07 05:23:41 字數 897 閱讀 4710

1、建立新節點

document.


createelement


("li");


//建立乙個元素


document.


createtextnode


("文字內容");


//建立乙個文字節點
2、新增、移除、替換、插入

父節點.


("子節點"


)//父節點的最後插入乙個新的子節點。


父節點.


insertbefore


(新子節點,參考子節點)


;// 參考子節點前插入新子節點


父節點.


removechild


(子節點)


;//移除


replacechild()


//替換


insertbefore()


//插入
3、查詢

var d1 = document.


getelementbyid


("div1");


//通過id獲取


var arr1 = document.


getelementsbytagname


("div");


// 通過標籤名獲取標籤陣列


var arr2 = document.


getelementsbyclassname


("div1");


//通過class名稱獲取


var arr3 = document.


getelementsbyname


("div2_1");


//通過name屬性獲取

HTML DOM教程 6 HTML DOM節點資訊

html dom教程 6 html dom節點資訊 每個節點都擁有包含著關於節點某些資訊的屬性。這些屬性是 nodename 屬性含有某個節點的名稱。注釋 nodename 所包含的 xml 元素的標籤名稱永遠是大寫的 3 nodevalue 對於文字節點，nodevalue 屬性包含文字。對於屬性...

HTML DOM教程 4 HTML DOM節點樹

html dom教程 4 html dom節點樹 1 節點之間的關係型別 節點關係分為 父節點 子節點 同輩 同級節點 後代和先輩。2 節點關係定義 例示 一棵節點樹中的所有節點彼此都是有關係的。請看下面這個html文件 hello world 上面所有的節點彼此間都存在關係。除文件節點之外的每個節...

js節點操作

每個節點都有乙個 parentnode 屬性，該屬性指向文件樹中的父節點。包含在 childnodes 列表中的所有節點都具有相同的父節點，因此它們的 parentnode 屬性都指向同乙個節點。此外，包含在childnodes 列表中的每個節點相互之間都是同胞節點。通過使用列表中每個節點的 pre...