js更改html元素颜色,HTML - 使用JS根据值更改文本的颜色

您需要获取元素的textContent来测试它的值。你可以使用一个单独的类来切换它是否正面。并使用jquery的$.addClass()和$.removeClass()或javascript的classList.add()和classList.remove()。

正如Sujen K.所指出的那样，这个元素有一个tr > div > td，它应该是tr > td > div。

var els = document.getElementsByClassName('TransactionAmount');

for (var i = 0; i < els.length; i++) {

var cell = els[i];

if (cell.textContent < 0) {

cell.classList.remove('green')

} else {

cell.classList.add('green');

}

}

.TransactionAmount {

color: #FF0000;

}

.TransactionAmount.green {

color: #33FF3C;

}

TRANSACTION AMOUNT	BALANCE AFTER TRANSACTION	TRANSACTION COMMENT
-1	{{ Transaction.BalanceAfterTransaction }}	{{ Transaction.TransactionComment }}
0	{{ Transaction.BalanceAfterTransaction }}	{{ Transaction.TransactionComment }}
1	{{ Transaction.BalanceAfterTransaction }}	{{ Transaction.TransactionComment }}