在网页上进行文本替换的最简洁方法？（使用油猴）

发布于 2024-08-23 12:53:21 字数 366 浏览 3 评论 0原文

（是的，是的，我不应该使用正则表达式。欢迎使用替代解决方案！）

我正在尝试自定义我经常使用的网页的视图，使用 GreaseMonkey 过滤掉我不想看到的内容。

基本上，这些页面包含很多看起来像这样的链接：

<a class="foo" href="blah">Text</a>

我希望它们看起来像这样：

Text<a class="foo" href="blah">[?]</a>

这样我就不会意外点击链接。

可悲的是，我的 javascript 知识可以忽略不计，我不知道如何继续。

原文

(Yes, yes, I shouldn't use regexps. Alternate solutions are most welcome!)

I'm trying to customize my view of a web page I use a lot, using GreaseMonkey to filter out things I don't want to see.

Basically, the pages contain a lot of links that look like this:

<a class="foo" href="blah">Text</a>

and I'd prefer them to look like this:

Text<a class="foo" href="blah">[?]</a>

so that I stop clicking on the links accidentally.

Sadly, my javascript knowledge is negligible, and I'm not sure how to procede.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

来日方长 2024-08-30 12:53:21

这里有一些可以尝试的东西

var links = document.links;
//or
//document.getElementsByTagName('a');

for( var i = 0, l = links.length; i < l; i++ ) {
    //ignore links that aren't of class 'foo'
    if( links[i].className != 'foo' ) {
        continue;
    }
    var linkText = links[i].innerHTML;
    links[i].innerHTML = '[?]';
    var textEl = document.createTextNode( linkText );
    links[i].parentNode.insertBefore( textEl, links[i] );
}

对图像链接有奇怪的作用，但您可能不关心您的页面是否只是文本链接列表。
否则，您可能需要检查阅读链接innerHTML 时得到的内容并采取相应的行动

Here's something to try

var links = document.links;
//or
//document.getElementsByTagName('a');

for( var i = 0, l = links.length; i < l; i++ ) {
    //ignore links that aren't of class 'foo'
    if( links[i].className != 'foo' ) {
        continue;
    }
    var linkText = links[i].innerHTML;
    links[i].innerHTML = '[?]';
    var textEl = document.createTextNode( linkText );
    links[i].parentNode.insertBefore( textEl, links[i] );
}

Does strange things to image links, but you may not care if your page is just a list of text links.
Otherwise you may have to check what you get when you read the link innerHTML and act accordingly

回复收藏 0 原文

~没有更多了~