对于一个特定图像，使用Javascript更改IMG SRC

Question

我正在处理一个简单的GreaseMonkey脚本。

我想使用GM更改IMG的SRC，因为我无法更改HTML本身代码中的实际来源。

这是HTML代码段：

<img src="/OA_MEDIA/NEW_LOGO.png" title="NEW_LOGO.png" border="0">

我可以这样做：

var imgs = document.getElementsByTagName('img');
for (i=0; i<imgs.length; i++)
{
 imgs[i].src="path_to_other_image/image.gif";
}

但是，我只想将IMG src换成名为NEW_LOGO.png的图像，但我无法弄清楚如何让脚本找到一个单独的图像。不幸的是，图片的HTML并没有通过ID或CSS类名引用图像，所以我无法通过这种方式缩小图像。

试过这个：

var imgs = document.querySelector('[src="/OA_MEDIA/NEW_UNI_LOGO.png"]');
for (i=0; i<imgs.length; i++)
{
 imgs[i] = imgs[i].replace('/OA_MEDIA/NEW_UNI_LOGO.png','https://www.google.co.uk/images/srpr/logo11w.png');
}

但它不起作用......

Answer 1

你可以做到

document.querySelector('[src="/OA_MEDIA/NEW_LOGO.png"]');

或

document.querySelector('[title="NEW_LOGO.png"]');

所以基本上

document.querySelector('[src="/OA_MEDIA/NEW_LOGO.png"]').src = 'https://www.google.co.uk/images/srpr/logo11w.png';