Js節點操作

2022-05-18 09:30:37 字數 648 閱讀 6816

一、節點常用操作

二、節點屬性

屬性操作的標準方法:

node.getattribute()返回當前元素節點的指定屬性。如果指定屬性不存在,則返回null

node.setattribute()為當前元素節點新增屬性。如果同名屬性已存在

node.hasattribute()返回乙個布林值,表示當前元素節點是否包含指定屬性

node.removeattribute()從當前元素節點移除屬性

三、css樣式屬性

節點物件.style.樣式屬性方式只能獲取行內css樣式,而寫在 style 標籤內的樣式表,無法獲取和修改。

getcomputedstyle()接受乙個節點物件,返回該節點物件最終樣式資訊的物件,所謂「最終樣式資訊」,指的是各種css規則疊加後的結果

注意: getcomputedstyle() 是window物件下的方法,不是dom物件

在具體使用的時候還有一些需要重點注意的細節:

1、名字需要改寫,將橫槓從css屬性名中去除,然後將橫槓後的第乙個字母大寫:

比如background-color寫成backgroundcolor

2、屬性值都是字串,設定時必須包括單位:

比如,divstyle.width的值不能寫為100,而要寫為100px

js節點操作

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

js 節點操作

新增和刪除節點 html 元素 如需向 html dom 新增新元素,您必須首先建立該元素 元素節點 然後向乙個已存在的元素追加該元素。這是乙個段落 這是另乙個段落 例子解釋 這段 建立新的 元素 var para document.createelement p 如需向 元素新增文字,您必須首先建...

js操作dom節點

1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...