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

Question

我正在尝试创建一个javascript书签，它将查找文本集并将其替换为具有不同文本的类。例如，我想找到'鞋子'并用'袜子'代替它，见下文。

  

div class =' shoe '

并将其替换为

  

div class =' socks '

我发现了这个：Bookmarklet Help: Creating a Find/Replace 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";}