2017-04-15 133 views
-1

我將使用示例來解釋問題。假設我有一個名爲'custom-background'的css類,並且在單擊按鈕時,我希望將與此類關聯的所有元素的背景顏色屬性更改爲紅色。在另一次點擊中,我希望將其更改爲黃色,並且可能會出現由於與此類關聯而刪除背景顏色覆蓋的情況。使用JavaScript更改CSS類屬性

有沒有辦法實現這個使用JavaScript?我知道我可以專門覆蓋與類關聯的元素的屬性,但我不認爲我可以完全刪除特定的屬性。因此,我正在尋找一種方法來修改與類關聯的CSS屬性。

+0

你做了什麼研究嗎? https://developer.mozilla.org/en/docs/Web/API/Element/classList – jonrsharpe

+0

我知道如何添加或從DOM元素中刪除類。問題不在於此,而在於您能否以某種方式編輯已知類的CSS屬性。 並回答你的問題,是的,我做了一些研究,但沒能找到任何滿意的解決方案。就目前而言,我打算簡單地重寫屬於目標類的所有元素的屬性,但確實需要更優雅的解決方案。 – Ulrich

回答

0

如果我明白你的意思,

可以逆轉回默認。 .class {background:none} document.getElementsByClassName('class')。style.backgroundColor =「none」;