更改使用DOM的東西的CSS

Question

我實際上正在嘗試開發Firefox插件。我需要動態更改圖標的CSS。

我怎麼做，爲了這個CSS

#sample-button    {list-style-image: url("chrome://sample /skin/sample24.png");} 
toolbar[iconsize="small"] #sample-button {list-style-image: url("chrome://sample/skin/sample16.png");} 

我想改變工具欄[iconsize = 「小」] #sample按鈕的CSS。 我可以簡單地做

document.getElementById("sample-button").style.listStyleImage = url('chrome://sample/skin/sample_change24.png') 

改變樣品按鈕的CSS但我不KNW如何做到這一點的第二部分是在方括號[]。

等待答案，

感謝

Answer 1

您可以使用querySelector：

document.querySelector('[iconsize="small"] #sample-button').style.listStyleImage = '...';