javascript - 如何通过 Javascript 更改 html td 背景颜色？

Question

<style type="text/css">
    td.a{
        background: yellow
    }
</style>

<table><td class="a"></td></table>

以上是 html/css 代码片段。从中可以知道td部分的底色是黄色。

后来，我添加了一个html选择下拉组件。当我选择另一个选择下拉值时，我希望将背景颜色从黄色更改为蓝色。但我不知道该怎么做。

这应该是一个关于通过Javacript改变css的问题。和这个很相似How to change HTML background with JavaScript Function?但是你可以看到我的 td 组件没有 id，它只有 class。

希望有人能帮帮我，谢谢。

Answer 1

假设您要将单元格的背景更改为 newColor(我假设您将拥有的不仅仅是一个)的颜色；

var tds = document.getElementsByClassName('a');
for (var x = 0; x < tds.length; x++) {
  tds[x].style.background = newColor;
}