JavaScript设置TD背景色

最新推荐文章于 2022-09-27 18:43:12 发布
最新推荐文章于 2022-09-27 18:43:12 发布
阅读量3.5k 收藏
点赞数
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/evanka/article/details/2816406
版权
这篇博客展示了如何使用JavaScript实现HTML表格中TD元素的背景色改变功能。当点击表格单元格时，其背景色将变为红色。通过在onClick事件中调用setcolor函数并传入当前单元格对象，实现颜色的切换。注意JavaScript代码中属性名的大小写敏感性和字符串值需用引号括起。
摘要由CSDN通过智能技术生成
要求,表格内单元被选中后背景色变成红色
 
    1. <html>
    2. <head>
    3. <Script language="JavaScript">
    4. function setcolor(obj)
    5.  {
    6.   obj.bgColor='red';
    7.   } 
    8. </script>
    9. </h
最低0.47元/天 解锁文章
evanka
关注
专栏目录
javascript 中控件背景色的设置
mengfei1026的专栏
04-12 1905
function Search(){//如果前一个控件的值大于后一个控件的值(前提是后一个控件不是空,空的情况下不做任何处理) if(document.forms[0].koteiFrom.value > document.forms[0].koteiTo.value && document.forms[0].koteiTo.value != ""){  alert(message内容);
JavaScript实现点击单元格改变背景色的方法
01-21
本文实例讲述了JavaScript实现点击单元格改变背景色的方法。分享给大家供大家参考，具体如下： <html> <body> <table xss=removed id=_t width=500 border=0 cellspacing=0 cellpadding=0> <tr> <td width=93 height=29 background=hotlinkbg.gif align=center>出租信息</td> <td width=93 height=29 background=hotlinkbg.gif
js 特效 html 特效 TD背景的变换
06-13
js 特效 html 特效 TD背景的变换
js改变td的背景色
weixin_34326558的博客
06-21 2358
最近的工作有些无聊，被分配过去改样式。对于样式，只是了解一些。简单的话，也可以改改。 今天遇到一个问题，td的背景色用js进行改变，怎么也变不了。 源代码是这样写的： function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getEl...
td背景颜色渐变
编程日常记录与总结 https://franciswmf.iteye.com
08-24 217
[align=left][size=large] &nbsp; [/size][/align]
JS改变TD的背景
weixin_30784501的博客
08-14 247
<td id="tab1" style="background:url(image/tab/tab.jpg) no-repeat;"> </td> JS部分： document.getElementById('tab1').style.backgroundImage="url(image/tab/tab-1.jpg)"; 转载于:https://www...
给<td>添加背景色-实现颜色渐变
sckehan1的专栏
08-28 1559
        1.代码实例：          &lt;td style="filter:progid:DxImageTransform.Microsoft.Gradient(startColorStr="#FFFFFF",endColorStr="#000000",gradientType='2')"&gt;&amp;nbsp;&lt;/td&gt; ...
javascript修改表格背景色实例代码分享
01-19
[removed] //点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById(“ServiceListTable”) for(var i=1;...
（兼容ff/ie）td点击背景变色特效
10-30
`：设置了浅灰色的背景颜色。 - `text-align:center;`：使单元格内的文本居中显示。 - `width:80px;`：设置单元格宽度为80像素。 ##### 2. `.class2` - `background:#ffcc00;`：设置了亮黄色的背景颜色。 - 其他...
拼接td并改变其中一个背景色_常用家居背景色，解锁主流色彩，让心回归本真...
weixin_39669638的博客
12-02 150
人生如梦，无论多绚丽与繁华，多任性与张狂，都会隐没在昏睡的年华里。梦醒时分，便会发现绚烂至极终归于平淡，繁华过后也要洗尽铅华，万物最终必然回归本真。而忙碌一天的你，最想回的便是家。今天，B&A小编为你推荐五大(高级灰、灰蓝色、墨绿色、玳瑁色、灰褐色)家居背景色，解锁主流色彩的奥秘，让心回归本真。时尚灵感时装设计中，色彩总是能给人最直观的感受。千万种颜色有千万种搭配组合，不同的组合带‘’来不...
在java中设置表格的背景颜色
diantongzhi4846的博客
05-09 964
import java.awt.BorderLayout; import java.awt.Color; import java.util.Vector; import javax.swing.JFrame; import javax.swing.JScrollPane; import javax.swing.JTable; import javax.swing.List...
html如何td的背景颜色,如何使用JavaScript / jQuery更改特定TD的背景颜色？
weixin_39840616的博客
06-19 2040
尝试这个…jQuery的$('td').click(function() {$(this).css('backgroundColor','#000');});…要么….$('table').on('click','td',function() {$(this).css('backgroundColor','#000');});JavaScript的[].forEach.call(document....
TD单元格背景颜色的变换效果
ding43930053的专栏
03-24 420
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
使用JavaScript更改表格行的背景颜色
02-10 1818
提供表格数据的许多站点使用交替的背景色来增加该数据的可读性。 在开发网站时，我意识到我也想这样做。 问题？ 在我的情况下，该表不是由服务器端应用程序或脚本生成的，您可以在Web上找到大量示例。 显而易见的解决方案是对第二行进行硬编码，以确保其具有不同的背景色。 但是我希望表是动态的，以便可以在表中间添加新行，而无需更改后面各行的背景颜色属性。 我的解决方案使用JavaScript，因为C...
java ，swing， jtable ，设置单元格背景色
iteye_4688的博客
01-29 962
package jetsennet.install.util; import java.awt.BorderLayout; import java.awt.Color; import java.awt.Component; import java.util.ArrayList; import java.util.List; import javax.swing.JFram...
java通过CellStyle设置单元格背景颜色
最新发布
weixin_45151960的博客
09-27 1万+
上面的单元格颜色对应下面的英语颜色表示，从X1-X49 按顺序对应；2、设置背景色时必须添加。将下面对应的code填入。设置，否则背景色无效。
拼接td并改变其中一个背景色_西门子触摸屏如何在运行时给画面换背景色？
weixin_39634884的博客
11-27 499
1. 在Home画面中创建三个按钮，背景色改成需要修改成的背景色我们这里使用红 绿 蓝三种颜色2.新建int类型的内部变量ColorNumber，在按钮的单击事件中添加如下脚本3.设置变量为系统自带的脚本，我们还需建一个ChangeBackgroundColor脚本来根据ColorNumber的值来改变画面的背景色。Sub ChangeBackgroundColor() '提示： ' 1. 使用...
js-改变表格背景颜色
weixin_34247299的博客
08-09 958
// 表格背景颜色变换function changeBg() { var tableBg = document.getElementById("allH_Table"); for (i = 0; i < tableBg.rows.length; i++) { if (tableBg.rows[i].tagName == "TR") { ta...
HTML教程：设置单元格背景色及超文本特性解析
"设置第一行单元格背景色为蓝色是HTML表格中常见的样式设定，通过`<tr>`或`<td>`标签的`bgcolor`属性来实现。在HTML中，`<table>`元素用于创建表格，而`<tr>`定义表格行，`<td>`定义表格数据单元格。在描述中给出的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值