Greasemonkey脚本替换html中的文本

Question

我想制作Greasemonkey脚本来替换html中的文本，如下所示：

<img src="http://example.com/image.jpg" data-gifsrc="http://example.com/image.gif">

到

<img src="http://example.com/image.gif">

在网站thechive.com

请帮助我，谢谢。

Answer 1

虽然我在上述网站上找不到data-gifsrc属性，但你不能假设JQuery会出现并可用于Greasemonkey。

// attribute name
var attrName='data-gifsrc';

// list all images
var imgs=document.getElementsByTagName("img");

// loop every images
for(var i=0;i<imgs.length;i++) {
  // check for attribute
  if(imgs[i].attributes[attrName]) {
    // set image source
    imgs[i].src=imgs[i].attributes[attrName].value;
    // remove attribute
    imgs[i].attributes.removeNamedItem(attrName);
  }
}