Question

我想知道当div有一定值时我怎么能让JavaScript做出反应。

<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，我希望背景颜色为div的红色，称为背景。如果值div具有其他值，则它不应执行任何操作。这就是我所要做的。但它不起作用。即使我在值div中添加了另一个值，红色背景仍会显示。除非我清空了价值div，然后当然你什么也看不到。

Answer 1

var text = document.getElementById("value").innerHTML;
if (text == "0") {
    ...

Answer 2

JavaScript中的比较运算符为==和===，而不是=（一个始终是赋值）。所以：

if (text == "0") {

或

if (text === "0") {

您还没有正确获取文字：

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

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

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

Answer 3

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

FIDDLE

Answer 4

如果你想使用jquery：

if($("#value").html() == "0") {
    $("#background").css("background-color", "red");
}

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

4 个答案: