使用 javascript 小书签在网页上的类属性中查找和替换文本答案

【问题标题】：Find and replace text within a class attribute on a webpage using a javascript bookmarklet使用 javascript 小书签在网页上的类属性中查找和替换文本
【发布时间】：2015-02-25 04:47:14
【问题描述】：

我正在尝试创建一个 javascript 小书签，它将查找文本集并将其替换为具有不同文本的类。例如，我想找到“shoe”并将其替换为“socks”，见下文。

div class='鞋'

替换成

div class='袜子'

我发现了这个：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 没有任何经验，但我正在努力理解这种语言，所以如果我弄乱了术语，请原谅我。任何帮助表示赞赏，谢谢！

【问题讨论】：

标签： javascript class replace find bookmarklet

【解决方案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";}

【讨论】：