Bingo Yuan 2022-02-27 11:56 采纳率: 50%
浏览 30
已结题

Javascript如何获取innerHTML中的所有值然后再根据值改变div的背景颜色

问题背景 :
想制作一个网页，div中的背景颜色根据标签中的值变化。

img

img

img

img


使用innerHTML取值只能取一个值，怎么样将所有值取出加以判断？

  • 写回答

2条回答 默认 最新

  • 你好！机器人 2022-02-27 12:14
    关注

    img

    
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            .type{background: red;width: 20px;}
        </style>
    </head>
    <body>
    <div class="type">1</div>
    <div class="type">2</div>
    <div class="type">3</div>
    <div class="type">4</div>
    <div class="type">5</div>
    <div class="type">6</div>
    </body>
</html>
<script>
    var type = document.getElementsByClassName('type')
    for(var i=0; i<type.length;i++){
        if(type[i].innerHTML==='2'){
            type[i].style.backgroundColor='blue'
        }
    }
</script>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 3月7日
  • 已采纳回答 2月27日
  • 创建了问题 2月27日

悬赏问题

  • ¥15 网络设备配置与管理这个该怎么弄
  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300，梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改，求解答！！
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗？在Android studio上该如何部署？
  • ¥20 docker里部署springboot项目，访问不到扬声器