javascript - 使用 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");}

我想更改 toolbar[iconsize="small"] #sample 按钮的 CSS。 我可以通过简单地更改示例按钮的 css

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

但我不知道如何为方括号 [] 中的第二部分做这件事。

等待答案，

谢谢

Answer 1

您可以使用querySelector:

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