搜索和替换 html 元素值的最佳方法是什么答案

【问题标题】：What is the best way to search and replace the html elements value搜索和替换 html 元素值的最佳方法是什么
【发布时间】：2018-12-18 06:58:31
【问题描述】：

在 HTML DOM 和 CSS 中用给定属性替换所有值的最佳方法是什么。

下面是用none 替换所有block 值的示例，应该替换所有出现的给定输入。

例如： <a href="#" onclick="document.getElementById('infoDiv0').style.display='block';"> p.ex1 {display: block;} 至 <a href="#" onclick="document.getElementById('infoDiv0').style.display='none';"> p.ex1 {display: none;}

是否有任何 chrome 扩展？

【问题讨论】：

可能X/Y problem：您似乎想更改这些 onclick 处理程序对其他事件执行的操作。请解释为什么要将“块”更改为“无”。可能有比查找具有特定签名的所有元素并替换文本更好的解决方案。

标签： javascript google-chrome-extension google-chrome-devtools

【解决方案1】：

您应该查看引导程序https://getbootstrap.com/。

更好的选择是使用类并提供所有你隐藏的类class='hide'。

然后，当需要显示/隐藏它们时，您只需 $ ('classname_or_id').removeClass ('hide') 或 $ ('classname_or_id').addClass ('hide')。这是 jquery，但您也可以只使用 javascript；

Id 仅针对一个元素。使用类名，您可以一次定位多个

见：JavaScript and getElementById for multiple elements with the same ID

【讨论】：