javascript - 如何重新链接/取消链接图像 URL 以指向完整图像？

Question

我正在尝试使用 Greasemonkey 即时更改网页的 URL。

目标页面具有如下链接:

<a name="217258323" href="http://foobar.net/photo/217258323/?pgid=&amp;gid=4933418&amp;page=0">
  <img style="border:1px solid #fff;padding:5px;background:#fff;"
    height="120" width="160" alt="Gallery pic 1 of 20 pics" border="0"
    src="http://i.foo.net/images/thumb/52/217/217258323.jpg">
</a>

我想改变它们:

<a name="217258323" href="http://i.foo.net/images/full/52/217/217258323.jpg">
  <img style="border:1px solid #fff;padding:5px;background:#fff;"
    height="120" width="160" alt="Gallery pic 1 of 20 pics" border="0"
    src="http://i.foo.net/images/thumb/52/217/217258323.jpg">
</a>

也就是说，我想用图像 src 值替换链接 href - 但用 /full/ 而不是 /拇指/。

有任何示例脚本或示例可以实现我想要做的事情吗？

Answer 1

这是一个标准的图像重新链接/取消链接问题，您可能可以找到几乎任何网站的几个预制用户脚本。

但不要尝试仅使用正则表达式来做到这一点，that way lies madness (和损坏的脚本)。

以下是如何使用 DOM 方法重新链接示例:

var thumbImgs = document.querySelectorAll ("a > img[src*='/thumb/']");

for (var J = thumbImgs.length-1;  J >= 0;  --J) {
    var img     = thumbImgs[J];
    var lnkTarg = img.src.replace (/\/thumb\//, "/full/");
    var link    = img.parentNode;
    link.href   = lnkTarg;
}