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

Question

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

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

例如： <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扩展名？

Answer 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