Javascript if else 问题

Question

我有一个 div，我想根据 div 中的 int 值更改颜色，但由于某种原因，它不会根据我编写的 if else 语句更改颜色。相反，没有颜色出现。这是为什么？

<div id="test">66</div>

JavaScript

var testDiv = document.getElementById("test");

if (testDiv<50) {
    testDiv.style.backgroundColor = '#900000';
} else if (testDiv > 49 && testDiv < 75) {
    testDiv.style.backgroundColor = '#FF9933';
} else if (testDiv > 74) {
    testDiv.style.backgroundColor = '#00CC00';
}

Answer 1

您将元素视为数字。您想要检索元素的内容并将其转换为数字。

var testDivValue = parseInt(testDiv.textContent, 10);