DOM屬性節點的操作方法

2021-10-25 12:28:19 字數 684 閱讀 9281

// 選擇id為pink的標籤

let pink = document.

queryselector

('#pink');

// 選擇pink元素的所有屬性節點

let pinkattr = pink.attributes;

// 列印每乙個屬性

nodename也可以以寫成name;

nodevalue也可以寫成value

getattribute():獲取指定屬性的值

setattribute():用於設定屬性

removeattribute():用於刪除指定屬性

小結下dom節點操作方法

備註 通過dom,可以訪問html文件中的每個節點。二 節點引用 節點的絕對引用 節點的相對引用 設當前對節點為node 三 節點操作 節點定位 getelementbyid elementid 尋找乙個有著給定id屬性值的元素,返回乙個元素節點 document.getelementbyid id...

dom節點及對節點的常用操作方法

在說dom節點前,先來看看頁面的呈現 dom渲染流程 1 瀏覽器解析html原始碼,然後建立乙個dom樹。在dom樹中,每乙個html標籤都有乙個對應的節點 元素節點 並且每乙個文字也都有乙個對應的節點 文字節點 dom樹的根節點就是documentelement,對應的是html標籤。2 瀏覽器解...

dom節點及對節點的常用操作方法

dom節點及對節點的常用操作方法 在說dom節點前,先來看看頁面的呈現 dom渲染流程 1 瀏覽器解析html原始碼,然後建立乙個dom樹。在dom樹中,每乙個html標籤都有乙個對應的節點 元素節點 並且每乙個文字也都有乙個對應的節點 文字節點 dom樹的根節點就是documentelement,...