獲取元素樣式的基礎知識,特地補充一些遺漏的地方

2021-09-14 03:11:12 字數 518 閱讀 1652

關於獲取元素樣式的基礎知識,特地補充一些遺漏的地方。

今天同事問了這樣乙個問題,有什麼辦法可以獲取所有帶有background屬性的元素節點?

憑藉經驗直接脫口而出使用css3的 queryselectorall()根據類似正則的東西去找document.queryselectorall('style*="background"')』 擔心有問題還特地去一家**去測試,結果也確實獲取到了。

語句給別人發過去之後別人說不對獲取不到,後來經過排查他要獲取的所有的樣式包括內外聯,使用queryselectorall()只是可以根據元素的內聯樣式去尋找,但是卻找不到外聯樣式。

後來找到了乙個這樣的方法document.getcomputedstyle(element,null)[stylename]這樣可以獲取到當前元素正在使用的樣式規則,自然也就包含了內外聯, 只是這樣的方法不能夠像queryselectorall()這樣 可以查詢到所有符合的元素來,這就尷尬了......

面試基礎知識補充

1.往記憶體中讀資料是輸入流,從記憶體中往外寫是輸出流。2.根據處理的資料型別分為位元組流和字元流 3.位元組流可以處理所有資料型別的資料。字元流處理文字資料 檔案操作 file.exists 是否存在 file.getabsolutepath 絕對路徑 file.length 檔案大小 file....

CSS樣式基礎知識(下)

1 預定的顏色 2 十六進製制顏色 如 0f0f0f 3 rgb顏色 128,0,0 全紅 4 在rgb的基礎上又新增了表示透明度的alpha 5 hsl 用色調,飽和度,和透明度三個分量來表示顏色 6 hsla 在hsl的基礎上又新增了表示透明度的alpha 預定義顏色 rgb顏色 16進製制顏色...

獲取元素的樣式

行間樣式 divid box1 style width 300px height 100px div console log box1 style width 非行間樣式 box2 divid box2 div console log box2 style width getcomputedstyl...