使用javascript bookmarklet在網頁上的類屬性中查找和替換文本

Question

我正在嘗試創建一個javascript書簽，它將查找文本集並將其替換為具有不同文本的類。 例如，我想找到'鞋子'並用'襪子'代替它，見下文。

div class =' shoe '

並替換它

div class =' socks '

我發現了這個： Bookmarklet幫助：創建查找/替換書簽 。

javascript:function%20htmlreplace(a,b,element){if(!element)element=document.body;var%20nodes=element.childNodes;for(var%20n=0;n<nodes.length;n++){if(nodes[n].nodeType==Node.TEXT_NODE){nodes[n].textContent=nodes[n].textContent.replace(new%20RegExp(a,'gi'),b);}else{htmlreplace(a,b,nodes[n]);}}}htmlreplace(prompt("Text%20to%20replace:","old"),prompt("Replacement%20text:","new"));

但我不確定如何操作腳本來滿足上面的需求來替換屬性中的文本。

我沒有任何javascripts的經驗，但我正在努力理解這種語言，所以如果我弄亂了術語，請原諒我。 任何幫助表示贊賞，謝謝！

Answer 1

如果您只有1個具有該類名的元素，則可以使用

javascript:document.getElementByClassName("shoe").className = "socks";

但對於所有課程，你可以使用

var d=document.getElementByClassName("shoe");for(var i=0;i<d.length;i++){d[i].className="socks";}