DOM獲取,修改,新增,刪除 屬性方法

2021-10-08 07:56:06 字數 824 閱讀 7358

getattribute

("屬性名"

)//獲取元素物件指定特性的值

setattribute

(name, value)

//設定元素物件指定特性的值

removeattribute

('屬性名'

)//刪除元素物件上的指定特性

hasattribute

('屬性名'

)//判斷元素物件是否包含指定特性

attributes()

//獲取元素物件指定特性的集合

1.獲取或修改內聯樣式:style物件

設定:style.屬性名=

"值";移出(

2種):

style.屬性名="";

style.

removeproperty

("css屬性名"

)//僅能操作style屬性中定義的內聯樣式,無法獲取或設定樣式表中的樣式

2.獲取或修改內聯樣式表中的屬性

(3步)

1. 獲得要修改的樣式表物件:

var sheet=document.stylesheets[i]

;//stylesheets:獲得當前網頁的所有樣式表物件

2. 獲得要修改的cssrule:

cssrule:樣式表中乙個大括號就是乙個cssrule物件

var cssrule=sheet.cssrules[i]

;//cssrule可能巢狀。

3. 獲得cssrule中的屬性

cssrule.style.屬性名

JS獲取MOD屬性和DOM方法

dom樹 html下面的head和body head下面有meta style title body下面的有一些div標籤,像這種就是dom樹 nodetype 任何的html元素都有nodetype屬性,值1 11,原生js屬性 只需要掌握4個 值 1 元素節點 3 文字節點 空格也是文字節點 8...

DOM樹的新增刪除,訪問HTML的屬性

在這裡我還介紹乙個訪問html元素的方法 通過選擇器查詢 document.queryselectorall css選擇器 返回文件中匹配指定 css 選擇器的所有元素,返回 nodelist 物件。是乙個靜態的 nodelist 型別的物件。通過與css選擇器的結合使用,有很多作用 訪問html的...

前端基礎(十九 DOM 獲取 修改DOM)

dom是文件物件模型的縮寫。通過dom,js能訪問和改變html中的所有元素,dom模型被結構化為物件樹 通過這個物件模型,我們可以在js中對html元素和屬性進行增加 修改和刪除,對css樣式進行修改,還可以增加html事件,並作出反應等。獲取dom元素常用的方法如下 document.getel...