Question

我希望能够编写一个基于条件语句更改背景文本颜色的脚本。该声明基于匹配两个数字。如果数字匹配，则背景文本颜色应为绿色。如果数字不匹配，则背景颜色应为红色。我目前有以下脚本：

<script>
    function myFunction(tBox)
    {
        var sum=0;
        var elts = document.getElementsByTagName('input');
        for (var i=0; i<elts.length; i++)
        {
           var elt=elts[i];
           if ( elt.id && elt.id.indexOf('hous')===0) sum += Number(elt.value);
        }
        document.getElementById('sum').innerText = sum;
    }
</script>

此脚本简单地将所有带有前缀'hous'的文本输入相加在一起，并且与此问题有关的数字是此函数的实际输出总和，其输出为：

<p id="sum"></p>

根据条件语句，总和输出需要以红色或绿色突出显示。我希望比较这笔金额的数字是这句话的结果：

<?php echo ($_POST["qty"])*$qtyHous; ?>

其中“qty”是文本输入，$ qtyHous是缩放因子。所以，我的问题是：

如何编写将比较这两个数字的javascript，使得总和背后的文本背景颜色变为绿色（两个数字相等）或红色（两个数字不相等）？

Answer 1

您可以使用style.backgroundColor组件（例如

）访问背景颜色

if(sum != x)
   document.getElementById('sum').style.backgroundColor = 'red';

基于条件语句改变文本背景的颜色

1 个答案: