Question

我需要实现一个实现，其中应根据某些条件更改表中td标签的bgcolor属性。我需要检查一个变量是否等于'a'bgcolor应该设置为'blue'，如果它是'b'bgcolor应该设置为'black，如果它是'c'bgcolor应该设置为'red'。如何用HTML做到这一点？

Answer 1

尝试通过更改输入值并单击按钮查看更改

<!DOCTYPE html>
<html>
<body>

    <input type="text" id="inputf">

    <table>
        <tr>
            <td id="myvar">Hello</td>
        </tr>
    </table>

    <button onclick="myFunction()">click</button>

    <script>
        function myFunction() {
            var input=document.getElementById('inputf').value;
            var elem=document.getElementById('myvar');
            if (input<=10) {
                elem.style.backgroundColor="red";
            } else {
                elem.style.backgroundColor="yellow";
            }
        }
    </script>

</body>
</html>

为td表HTML标签的bgcolor属性添加if else-if else块

1 个答案: