Javascript改变元素颜色/ PHP变量

Javascript to Change Element Color w/ PHP Variable

本文关键字：PHP 变量 颜色 改变 元素 Javascript      更新时间：2023-09-26

我想写一个Javascript函数来改变元素的字体颜色。我不确定如何立即启动函数，所以我在元素标签中调用onload调用javascript函数。我通过PHP检索值并将其加载到函数中:如果值> 0，设置字体为绿色;Else if value <0，设置字体为红色;否则，将字体设置为黑色。下面是目前为止的代码:

用PHP值填充的HTML头标记:
<h1 id="change" onload="checkChange()"><?php echo number_format(array_sum($total_balance), 2, '.', ''); ?></h1>

修改字体颜色:

 <script>
    function checkChange() {
        var change = <?php echo array_sum($total_balance); ?>;
        if change > 0 {
         document.getElementById("change").style.color = "#00FF00";
        } else if change < 0 {
             document.getElementById("change").style.color = "#FF0000";
        } else {
             document.getElementById("change").style.color = "#000000";
        }
    }
    </script>


使用所提供的代码，标题显示值，但颜色不受影响。谢谢!

onload对h1标签无效，请将其放在body标签上。

http://www.w3schools.com/jsref/event_onload.asp

或者您可以在onload之前运行它，并在h1标签之后使用内联脚本。

或者你可以把它设置在服务器端，不使用JavaScript。

如果你正在使用JavaScript，请确保你的浏览器调试器设置为暂停异常

相关文章：