表列条件js格式化

Question

我有一个用CSS格式化的HTML表格。

我希望第4列的单元格如果其值小于-2则为红色背景，如果大于+2则为绿色背景。

请告知。

Answer 1

这应该让你开始..改变第四行的值来改变背景颜色。

%LOCALAPPDATA%\GitLFS\bin

%PATH%

如果表是动态的，并且您想要抓取最后一个元素，则使用xpath。

    (function(){
        var valueOfFourthRowValue = document.getElementById("value");
        if (valueOfFourthRowValue.textContent > 2) {
            valueOfFourthRowValue.style.backgroundColor = "green"
        } else if (valueOfFourthRowValue.textContent < -2) {
            valueOfFourthRowValue.style.backgroundColor = "red"
        }

    })()

Answer 2

以下脚本适用于您的要求，HERE是一个可供您参考的工作示例。 如果您有多个表，只需给它一个类并根据需要修改脚本。

var trTags = document.getElementsByTagName("tr");
for (var i = 0; i < trTags.length; i++) {
  var tdFourthEl = trTags[i].children[3]; // starts with 0, so 3 is the 4th element
  if (tdFourthEl.innerText < -2) {
    tdFourthEl.style.backgroundColor = "red";
  } else if (tdFourthEl.innerText > 2) {
    tdFourthEl.style.backgroundColor = "green";
  }
}