根据其值更改颜色

Changing the color based on its value

本文关键字：颜色      更新时间：2023-09-26

我正在尝试使 cookie 的值在假时变为红色，如果为真则变为绿色，但我只能更改颜色，无论它是真的还是假的，有没有另一种使用 JS 解决这个问题的方法？

或者，如果您要更进一步，是否可以在值之后放入图像（红色 X 或绿色勾号）？

.HTML 

<table class="table">
  <tr>
    <td>Cookies Enabled:</td>
    <td id="cookie"></td>
  </tr>
</table>

.JS

var Cookies; {
  if (navigator.cookieEnabled) {
    Cookies = "True";
  } else {
    Cookies = "False";
  }
}
window.onload = function () {
 document.getElementById("cookie").innerHTML = Cookies;
}

这应该很简单：

window.onload = function() {
  var cookieElem = document.getElementById('cookie');
  if (navigator.cookieEnabled) {
    cookieElem.classList.add('green');
    cookieElem.innerHTML = 'True';
  } else {
    cookieElem.classList.add('red');
    cookieElem.innerHTML = 'False';
  }
}
#cookie.green {
  color: green;
}
#cookie.red {
  color: red;
}
<table class="table">
  <tr>
    <td>Cookies Enabled:</td>
    <td id="cookie"></td>
  </tr>
</table>

相关文章：