我试图在用户单击单元格时更改HTML表格单元格的背景颜色。任何想法如何做到这一点?我可以访问JS Prototype库,所以对Prototype或者直接Javascript的任何建议都会受到欢迎。如何在点击时更改HTML表格单元格的颜色
5
A
回答
3
丑陋,但是演示效果:
<table>
<tr>
<td onclick="this.style.backgroundColor = 'Red';">Sample</td>
<td onclick="this.style.backgroundColor = 'Blue';">Data</td>
</tr>
</table>
0
我不精通的原型框架,但这里的一些原始的Javascript会做你要找的内容:
var table = document.getElementsByTagName('table')[0];
if(table) table.onclick = function(e) {
var target = (e || window.event).target;
if (target.tagName in {TD:1, TH:1})
target.setAttribute('style', 'background-color: #F00');
};
测试它jsFiddle
0
你可以遍历表的所有孩子和一个点击事件添加到它们
与原型的代码是:
$('your_table').observe('click', function(event) {
var clickedCell = event.findElement('td');
if (clickedCell) {
clickedCell.setStyle({ background: '#dfd' });
}
});
相关问题
- 1. 如何更改表格中单击单元格的单元格背景颜色?
- 2. 在JQGrid中更改单元格颜色,同时点击单元格
- 3. jquery更改表格单元格颜色
- 4. jQuery - OnClick,点击时始终更改表格单元格的背景颜色
- 5. 使用JavaScript更改鼠标点击时表格单元格的颜色
- 6. 更改单元格颜色
- 7. 更改单元格颜色
- 8. 如何动态更改表格视图单元格的颜色
- 9. 如何更改reStructuredText中表格单元格的背景颜色?
- 10. 如何更改列表网格中的单元格颜色
- 11. javascript如何更改链接onmouseover表格单元格的颜色?
- 12. 在单选按钮单击后,取消更改表格单元格的颜色
- 13. 当单元格选中时更改单元格的颜色
- 14. EXTJS/HTML - 动态改变html表格单元格的颜色
- 15. 更改点击gridview单元格的颜色
- 16. 如何在点击后更改表格背景颜色
- 17. 单击编辑按钮时更改单元格颜色
- 18. Mysql表格单元格不会在点击时更改值
- 19. 更改表格内单个单元格的边框颜色
- 20. 如何更改焦点单元格上的文本颜色?
- 21. 根据它的值更改html表单元格颜色
- 22. Onclient单击如何使用Javascript更改表格的BG颜色
- 23. 将addEventListener添加到单击的表格单元格以更改颜色
- 24. Android:点击时改变表格的行颜色,点击表格的其他行时删除颜色
- 25. 在datepicker插件中单击更改单元格颜色
- 26. 如何更改Handsontable中更改的单元格的颜色?
- 27. 单击时交换表格单元格颜色
- 28. 更改JTable中单元格的颜色
- 29. 更改datagrid行单元格的颜色
- 30. Tkintertable更改单元格/行的颜色