使用javascript bookmarklet查找和替换网页上class属性中的文本

Question

我正在尝试创建一个javascript bookmarklet，它将查找并用不同的文本替换设置为类的文本。例如，我想找到"鞋"并将其替换为"袜子"，见下文。

div class='鞋'

并将其替换为

div class='短袜'

我发现了这个：Bookmarklet帮助：创建一个查找/替换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"));

但我不知道如何操作脚本来满足我上面的需求，以替换属性中的文本。

我对javascript没有任何经验，但我正在努力理解这种语言，所以如果我把术语搞砸了，请原谅我。感谢您的帮助！

Answer 1

如果只有一个元素具有该类名，则可以使用

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

但对于所有类别，您都可以使用

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