JavaScript设置TD背景色

最新推荐文章于 2022-09-27 18:43:12 发布

evanka

最新推荐文章于 2022-09-27 18:43:12 发布

阅读量3.5k

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/evanka/article/details/2816406

版权

这篇博客展示了如何使用JavaScript实现HTML表格中TD元素的背景色改变功能。当点击表格单元格时，其背景色将变为红色。通过在onClick事件中调用setcolor函数并传入当前单元格对象，实现颜色的切换。注意JavaScript代码中属性名的大小写敏感性和字符串值需用引号括起。

摘要由CSDN通过智能技术生成

要求,表格内单元被选中后背景色变成红色

 
        <html>
<head>
<Script language="JavaScript">
function setcolor(obj)
 {
          
  obj.bgColor='red';
  } 
</script>
</h

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

evanka

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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]   [/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.代码实例： <td style="filter:progid:DxImageTransform.Microsoft.Gradient(startColorStr="#FFFFFF",endColorStr="#000000",gradientType='2')">&nbsp;</td> ...

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

965

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

2044

尝试这个…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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <

使用JavaScript更改表格行的背景颜色

02-10

1820

提供表格数据的许多站点使用交替的背景色来增加该数据的可读性。在开发网站时，我意识到我也想这样做。问题？在我的情况下，该表不是由服务器端应用程序或脚本生成的，您可以在Web上找到大量示例。显而易见的解决方案是对第二行进行硬编码，以确保其具有不同的背景色。但是我希望表是动态的，以便可以在表中间添加新行，而无需更改后面各行的背景颜色属性。我的解决方案使用JavaScript，因为C...

java ，swing， jtable ，设置单元格背景色

iteye_4688的博客

01-29

965

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

960

// 表格背景颜色变换function changeBg() { var tableBg = document.getElementById("allH_Table"); for (i = 0; i < tableBg.rows.length; i++) { if (tableBg.rows[i].tagName == "TR") { ta...

java td背景色_html中如何实现表格移入移出时背景颜色改变？（两种方法）

weixin_39773239的博客

02-26

136

html中如何实现表格移入移出时背景颜色改变？(两种方法)一、总结1、通过css的table标签的hover属性：10 #tab:hover{11 background: green 12 }2、通过js的onmouseover(),onmouseout()事件：16 51 functionchange(c){52 vartab=document.getElementByI...

HTML教程：设置单元格背景色及超文本特性解析

"设置第一行单元格背景色为蓝色是HTML表格中常见的样式设定，通过`<tr>`或`<td>`标签的`bgcolor`属性来实现。在HTML中，`<table>`元素用于创建表格，而`<tr>`定义表格行，`<td>`定义表格数据单元格。在描述中给出的...