Javascript 如何使用通过@resource本地下载的图像文件作为“input”元素中的图标

我必须为greasemonkey添加一个

向用户发送PM

“按钮”（本质上是一个

输入

元素）
到例如本页
我当前连续添加“按钮”的代码是：

var referenceNode = document.querySelector('div.width-constraint:nth-child(2) > h2:nth-child(1)');
var a = document.createElement('input');
referenceNode.appendChild(a);

a.style.padding = '0px 12px';
a.setAttribute('type', 'image');
a.setAttribute('src', 'http://i.imgur.com/ZU0xS0c.jpg');

我想更改代码，以便按钮图标下载一次（改为

@resource

）

因此，基于和，我尝试将代码更改为：

// ==UserScript==
// @grant       GM_getResourceURL
// @resource    icon http://i.imgur.com/ZU0xS0c.jpg
// ==/UserScript==

var referenceNode = document.querySelector('div.width-constraint:nth-child(2) > h2:nth-child(1)');
var a = document.createElement('input');
referenceNode.appendChild(a);

a.style.padding = '0px 12px';
a.setAttribute('type', 'image');
a.setAttribute('src', GM_getResourceURL('icon') );

问题是按钮现在没有使用

图标
文件

（其显示为文本：“
提交查询”
”

我的代码有什么问题？
不要使用
setAttribute
，直接按照以下方式分配：
a.src=GM_getResourceURL（'icon'）
@wOxxOm:不幸的是，问题仍然存在。这两个变体都适用于Tampermonkey/Chrome。@wOxxOm:因此，这必须是Firefox夜间发布的问题（在FF43中，这两种情况都不会发生）。所以我在这里报告：。谢谢你的回复