javascript - 使用下拉菜单使用javascript更改表格单元格的颜色

标签 javascript drop-down-menu html-table background-color

我想使用一些 javascript 代码来更改表格中单个单元格的背景颜色。

下面有一些代码可以让我更改页面背景颜色。这在概念上与我想做的类似,但我真的希望能够只更改一个单元格……而不是整个页面。

我考虑过将其余的单元格边框和背景色设为白色,让我想要操作的单元格保持透明,但我认为这可能是一种蛮力方法,会给我带来麻烦。

有人对使用 javascript 执行此操作有任何建议吗?

页面背景颜色修改代码在这里:

<form name="bgcolorForm">Try it now: 
<select onChange="if(this.selectedIndex!=0)
document.bgColor=this.options[this.selectedIndex].value">
<option value="choose">set background color    
<option value="FFFFCC">light yellow
<option value="CCFFFF">light blue
<option value="CCFFCC">light green
<option value="CCCCCC">gray
<option value="FFFFFF">white
</select></form>

最佳答案

您正在寻找这样的东西吗? http://jsfiddle.net/2KdmA/ 但如果您要进行大量操作,我建议您使用 jQuery。

关于javascript - 使用下拉菜单使用javascript更改表格单元格的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12152325/

相关文章:

javascript - 重新打开或关闭后重置下拉菜单详细信息

html - CSS 下拉菜单显示用于选择/更改的文本区域

javascript - Elasticsearch 术语聚合自然排序

javascript - Angular Material 2 - 未在整页中渲染

javascript - Vue 组件上的条件根标记

html - 下拉菜单打开时向下移动菜单

html - 滚动时表格行内容渗入粘性标题内容 - 相对与绝对定位相关

javascript - 将图像数组放入表中 - Javascript

javascript - 当表中状态获得批准时更改按钮文本

javascript - 意大利各省(非地区)的谷歌地理 map 可视化