如何檢查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");
}