<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。
希望有人能帮帮我,谢谢。
最佳答案
假设您要将单元格的背景更改为 newColor(我假设您将拥有的不仅仅是一个)的颜色;
var tds = document.getElementsByClassName('a');
for (var x = 0; x < tds.length; x++) {
tds[x].style.background = newColor;
}
关于javascript - 如何通过 Javascript 更改 html td 背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30421728/