Javascript 更改工具栏按钮的图像

如何使用javascript动态更改工具栏按钮的图像

我试试这个：

<toolbarbutton id=""  oncommand="this.style.listStyleImage= 'url(green-chrono.png)';alert('boom');" label="Menu-button" type="menu-button" style="list-style-image: url(chrono.png);">
        <menupopup id="edit-popup1">
            <menuitem id="toto" label="Accéder à la pointeuse"/>
            <menuitem id="recap" label="Accéder au récapitulatif des heures"/>
        </menupopup>
    </toolbarbutton>

但它不工作，当我点击按钮时，图片消失了

图像和xul文件位于同一目录中

---

感谢您的帮助

一般来说，方法是正确的，但您使用的是相对URL。相对URL是相对于样式表解析的-因此如果

chrome://myextension/skin/style.css

使用相对URL

绿色chrono.png

浏览器将加载

chrome://myextension/skin/green-chrono.png

。在这里没有外部样式表的情况下，意味着URL将相对于XUL文档进行解析。我猜这个XUL代码位于浏览器窗口中，这意味着URL

chrome://browser/content/green-chrono.png

已加载，但它当然不存在。解决方案：指定绝对URL而不是相对URL，例如：

this.style.listStyleImage = 'url(chrome://myextension/skin/green-chrono.png)';

---

基本上你的代码为我工作，但你已经为一个命令添加了2个图像。请检查此链接