如何检查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 -----------------------------------^