獲取 DOM 元素設定的樣式屬性

2021-09-26 18:40:32 字數 487 閱讀 5862

document.getelementbyid("").style獲取的是元素行間設定的樣式,不能獲取到css中設定的樣式。如果要獲取css中設定的樣式,可以試試getcomputedstyle(標準瀏覽器)或者currentstyle(ie低版本)

let target = document.

getelementbyid

('target'

)// 獲取目標偽元素樣式

getcomputedstyle

(target,

'before'

).backgroundcolor

// 獲取目標元素樣式

getcomputedstyle

(target,

null

).backgroundcolor

DOM之獲取元素,獲取和設定屬性

1.getelementsbytagname允許把乙個萬用字元作為乙個引數,而這意味著文件裡的每乙個元素都將在這個函式所返回的陣列裡占有一席之地。萬用字元 如果想知道某文件裡總共有多少個元素節點。document.getelementsbytagname length 2.如果想知道id屬性值是pu...

js 獲取DOM元素樣式

html的樣式寫入方法有 1 行內樣式 2 內嵌樣式 3 外聯樣式表。行內樣式 一般是用style寫在dom元素上的,例如 內嵌樣式 一般是用style寫在head標籤內的。外聯樣式 一般是用link標籤或者是import引入的。但import引入的時候一定要放在style標籤內。獲採樣式 一 el...

DOM獲取和設定屬性

一.節點 節點 node 這詞是網路術語,表示網路中的乙個連線點,乙個網路就是由一些節點構成的集合。三種型別節點 元素節點,文字節點,屬性節點 不要忘記買東西 上行 中 元素為元素節點,title a gentle reminder 為屬性節點 不要忘記買東西為文字節點 二.css 繼承 inher...