时间戳

首页 > 解决方案 > 如何在javascript中更改背景颜色

javascript - 如何在javascript中更改背景颜色

问题描述

有什么我可以用javascript改变背景颜色的吗？例如：

<div id="factboxes">
        <div id="counter">
           <div class="factbox">
                <div class="counter-value "><?php echo end($total); ?></div>
                <p>Total Number Of Human Count</p>
          </div>
          
           <div class="factbox factboxgap">
                <div class="counter-value "><?php echo end($current); ?></div>
                <p>Current Number Of Human Count</p>
           </div>
           
           <div class="factbox factboxgap">
                <div class="counter-value "><?php echo count($reserve); ?> </div>
                <p>Total Number of Reservation</p>
           </div>
        </div>
    </div>

    <script>
        if (<?php $total?> < 85){
            document.div.factbox.backgroundColor = "green";
        }
    </script>

如果总数小于 85，则背景颜色将为绿色。我试图以这种方式编码，但没有任何反应。我还是 javascript 的新手，希望有人可以帮助我并解释应该如何做。谢谢

标签： javascripthtml

解决方案

尝试这个

<div id="factboxes">
    <div id="counter">
       <div class="factbox" id="TotalDiv">
            <div class="counter-value "><?php echo end($total); ?></div>
            <p>Total Number Of Human Count</p>
      </div>
      
       <div class="factbox factboxgap">
            <div class="counter-value "><?php echo end($current); ?></div>
            <p>Current Number Of Human Count</p>
       </div>
       
       <div class="factbox factboxgap">
            <div class="counter-value "><?php echo count($reserve); ?> </div>
            <p>Total Number of Reservation</p>
       </div>
    </div>
</div>

<script>
    if (<?php echo $total; ?> < 85){
        document.getElementById("TotalDiv").style.backgroundColor = "green";
    }
</script>

编辑：修复了javascript中的错字

推荐阅读