最簡潔的方式在網頁上做文本替換？ （使用的GreaseMonkey）

Question

（是的，是的，我不應該使用正則表達式。備選方案是最歡迎的！）

我想定製我的網頁我用了很多的觀點，使用的GreaseMonkey過濾我不想看到的東西。

基本上，網頁中含有大量的鏈接，看起來像這樣：

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

並且我也希望他們看起來像這樣：

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

讓我停止點擊意外連接。

不幸的是，我的JavaScript知識可以忽略不計，我不知道如何處理。

Answer 1

這裏有一些嘗試

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並採取相應措施時，您可能需要檢查您得到的內容。