javascript - 搜索和替换 html 元素值的最佳方法是什么
问题描述
用 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 扩展名?
解决方案
您应该查看引导程序https://getbootstrap.com/。
更好的选择是使用类并提供所有你隐藏的类class='hide'
。
然后,当需要显示/隐藏它们时,您只需$ ('classname_or_id').removeClass ('hide')
或$ ('classname_or_id').addClass ('hide')
. 这是 jquery,但你也可以只用 javascript 来做;
Id 仅针对一个元素。使用类名,您可以一次定位多个
推荐阅读
- javascript - 将 html 表中的空值替换为“-”
- php - 是否可以分页 DB::raw 查询?我得到:调用数组上的成员函数 paginate()
- python - 使用python套接字编程在PC和逆变器之间发送/接收
- android - 如何在 react-native android 应用程序中单击时将铃声模式更改为静音/响铃/振动?
- twilio - 如何在 Twilio 函数“let val = event.widgets.Mortgage_info.Digits.value;”中获取 Gather 输入小部件的值?
- java - 如何处理声纳代码气味以将 @SpringBootApplication 替换为手动导入 bean 列表
- matrix - 在three.js中按照平面旋转组
- android - Android 汽车没有在汽车屏幕上显示我的应用
- google-cloud-platform - google-cloud 即使支付了 INR1 作为验证费,也无法激活试用版
- flutter - 页面浏览中页面更改后无法删除文本字段?