DOM節點常見的屬性及操作

2022-08-05 10:06:12 字數 542 閱讀 7163

(1)常見節點屬性

childnodes       子節點        nodelist

children         子節點(元素節點)  htmlcollection

parentnode        父節點

previoussibling  上乙個兄弟節點

nextsibling    下乙個兄弟節點

(2)節點操作方法

getelementbyid("box")  找不到返回null  節點物件

createelement("div")   建立乙個節點物件

clonenode(布林值)     true  包含子節點  false  只複製節點本身,不包含子節點

insertbefore(newnode,oldnode)  在孩子節點中指定位置前插入新節點

replacechild(newnode,oldnode)  替換

removechild(node)    刪除子節點  節點不存在,返回null

DOM節點及高階操作

1 attributes得到dom屬性節點 包含所有的預設屬性 自定義屬性的屬性名和屬性值 2 getattribute 得到某個屬性值,括號裡為屬性名,可得到所有屬性 預設屬性和自定義屬性 console.log obox.getattribute id console.log obox.geta...

DOM屬性節點的操作方法

選擇id為pink的標籤 let pink document.queryselector pink 選擇pink元素的所有屬性節點 let pinkattr pink.attributes 列印每乙個屬性 nodename也可以以寫成name nodevalue也可以寫成value getattri...

DOM下的節點屬性和操作小結

屬性 1 nodename 節點名稱,相當於tagname.屬性節點返回屬性名,文字節點返回 text。nodename,是唯讀的。2 nodetype 值 1,元素節點 2,屬性節點 3,文字節點。nodetype是唯讀的。3 nodevalue 返回乙個字串,指示這個節點的值。元素節點返回nul...