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

时间:2015-12-15 19:03:38

标签: javascript greasemonkey

我有this script来为greasemonkey添加send PM to user“按钮”(基本上是input元素)
例如本页https://greasyfork.org/en/users/2160-darkred
我之前连续添加“按钮”的代码是:

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)。

因此,基于thisthis,我尝试将代码更改为:

// ==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') );

问题是该按钮现在不使用icon文件
(显示为文字:'Submit Query'代替)

我的代码出了什么问题?

0 个答案:

没有答案