javascript - 如何在 JavaScript 中检查 div 是否具有特定值

Question

我想知道当 div 具有特定值时如何让 JavaScript 使用react。

<div id="background">
<div id="value">1</div>
</div>
<script>
var text = document.getElementById("value");
if (text = "0") {
    document.getElementById("background").style.backgroundColor="red";
}
</script>

如果值 div 为 0，我希望名为“background”的 div 的背景颜色为红色。如果值 div 有其他值，则它不应该执行任何操作。这就是我想到的。但这不起作用。即使我在值 div 中放入另一个值，红色背景仍然显示。除非我清空值 div，那么你当然什么也看不到。

Answer 1

JavaScript 中的比较运算符是 == 和 ===，而不是 =(该运算符始终赋值)。所以:

if (text == "0") {

或

if (text === "0") {

您也没有正确获取文本:

var text = document.getElementById("value");

这为您提供了元素，而不是其内容。对于内容，请使用innerHTML。

var text = document.getElementById("value").innerHTML;
// Here -----------------------------------^