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

我想更改工具栏的CSS [iconsize =“small”] #sample按钮。 我只需执行

即可更改示例按钮的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 = '...';