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

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>

小提琴

Answer 4

如果要使用jQuery：

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