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 }}

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

css可以设置文本框颜色吗,如何在css中设置文本框颜色
如何在css中设置文本框颜色发布时间:2021-04-29 15:33:54 来源:亿速云阅读:72 作者:Leah 如何在css中设置文本框颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解 ...
js remove 当前元素_详解js删除数组中的指定元素
本篇文章将会给大家介绍两种删除数组中的指定元素的方式,分别为: 1.单独定义一个的函数,通过函数来删除指定数组元素. 2.为Array对象定义了一个removeByValue的方法,在调用方法来删除指 ...
js阻止子元素事件_阻止 JS 的冒泡事件
用了一段时间google inbox,赶脚mail task的样式很酷炫,于是也模仿着做了一个task管理系统. Google task有个behavior是点击页面别处,当前展开的mail就会收起. ...
echarts 修改legend字体颜色、x轴或y轴文本字体颜色改变
目录 1.修改legend字体颜色: 2.修改x轴字体颜色: 3.修改y轴字体颜色 1.修改legend字体颜色: legend: {textStyle:{fontSize: 18,//字体大小col ...
利用 JS清除某元素背景/字体颜色
已经为某元素设置了背景颜色,利用 JS 如何清除呢? htmlObject.style.backgroundColor = "transparent"; htmlObject.st ...
js修改伪元素的属性、styleSheets获取样式表，Failed to read the 'cssRules' property from 'CSSStyleSheet' Cannot acces
登录验证中的判断逻辑 1.提示输入用户,输入8 - 16位密码2.检验输入用户名和密码是否正确用户名不允许空格,任何字符数字都行,不允许为空密码8-16位,不允许空格 ,小于8位给出提示密码必须 ...
原生js获取document_【JS 口袋书】第 9 章：使用 JS 操作 HTML 元素
作者:valentinogagliardi 译者:前端小智来源:github 这几天自己的公众号无套路送现金 200+,参与方式如下 OKR 与 KPI 的区别(文中无套路送现金 200+) 文档对 ...
js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
html添加样式js,前端-JS设置html元素样式
在前面的[<前端-获取或者修改div内容>]和[<前端-JavaScript获取和设置input的值>]中,我们说的都是改变内容了,这篇博客我们来说一下设置html元素的样式. ...
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...

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

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

最新文章

热门文章