js能否实现一个数字自动添加背景的,比如js里设置01的背景色是红色,那么html的01就是红色背景。js里02是蓝色,那么html的02就是蓝色背景。
2条回答 默认 最新
- 天际的海浪 2022-07-22 22:59关注
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title> 页面名称 </title> </head> <body> <div id="box"> <div>01</div> <div>02</div> <div>03</div> <div>01</div> <div>02</div> </div> <script type="text/javascript"> var obj = {"01":"red","02":"blue","03":"green"}; var div = document.querySelectorAll("#box div"); div.forEach(function(v, i){ v.style.backgroundColor = obj[v.innerHTML]; }); </script> </body> </html>
如有帮助,请点击我的回答下方的【采纳该答案】按钮帮忙采纳下,谢谢!
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥20 西门子S7-Graph,S7-300,梯形图
- ¥50 用易语言http 访问不了网页
- ¥50 safari浏览器fetch提交数据后数据丢失问题
- ¥15 matlab不知道怎么改,求解答!!
- ¥15 永磁直线电机的电流环pi调不出来
- ¥15 用stata实现聚类的代码
- ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
- ¥20 docker里部署springboot项目,访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效
- ¥15 悬赏!微信开发者工具报错,求帮改