问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

js实现点击一个按钮,表格中某行变色,按钮的value与表格中列name值相同的行变色

发布网友 发布时间:2022-04-22 15:25

我来回答

5个回答

热心网友 时间:2022-04-22 16:54

<table>
  <tr>
    <td name="r1c1">第一行第一列</td>
    <td name="r1c2">第一行第二列</td>
  </tr>
  <tr>
    <td name="r2c1">第二行第一列</td>
    <td name="r2c2">第二行第二列</td>
  </tr>
</table>
<input id="button" type="button" value="r2c1" />
<script>
window.onload = function () {
  document.getElementById('button').onclick = function () {
    var tds = document.getElementsByTagName('td');
    for (var i = 0; i < tds.length; i++) {
      var td = tds[i];
      if (td.getAttribute('name') == this.value) {
        td.parentNode.style.backgroundColor = 'red';
      }
    }
  };
};
</script>

热心网友 时间:2022-04-22 18:12

<table>
<tr id="r1">
<td name="r1c1"><input id="button" type="button" value="r1" onClick="changeColor(this)"/></td>
</tr>
<tr id="r2">
<td name="r2c1"><input id="button" type="button" value="r2" onClick="changeColor(this)"/></td>
</tr>
</table>

<script>
function changeColor(obj){
var tri = obj.value;

document.getElementById(tri).style.backgroundColor = 'red';
}

</script>
不通的话自己调一下,盲写的。

热心网友 时间:2022-04-22 19:47

那要循环表格。把表格中那列的数据拿出来与value比较。然后把哪一行的背景色改变。

思路。循环。比较。然后改变样式追问可以具体点么,如何取出数据?给出关键的js代码即可~谢谢

热心网友 时间:2022-04-22 21:38

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<table width="500" border="1" cellspacing="5" cellpadding="5">
<tr id="RED" style="background:ffffff ">
<td>R1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr id="GREEN" style="background:ffffff ">
<td>G1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr id="BLUE" style="background:ffffff ">
<td>B1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<input id="rb" value="RED" style="background:red " type="button" onClick="disColor(this.value);">
<input id="gb" value="GREEN" style="background:green" type="button" onClick="disColor(this.value);">
<input id="bb" value="BLUE" style="background:blue " type="button" onClick="disColor(this.value);">
<input id="wb" value="WHITE" style="background:white " type="button" onClick="disColor(this.value);">
<script language="javascript" type="text/javascript">
function disColor(obj){
if(obj=='WHITE')
{
$("RED").style.backgroundColor="WHITE";
$("GREEN").style.backgroundColor="WHITE";
$("BLUE").style.backgroundColor="WHITE";
}
else
{
$(obj).style.backgroundColor =obj;
}
}
function $(obj){
return document.getElementById(obj);
}
</script>
</body>
</html>

热心网友 时间:2022-04-22 23:46

function changeRed(obj){
$(obj).siblings().css(“background-color”, "red");
}
<table>
<tr>
<td></td><td></td><td></td><td ><button onclick="changeRed(this)">按钮</button></td>
</tr>
<tr>
<td></td><td></td><td></td><td ><button onclick="changeRed(this)">按钮</button></td>
</tr>
<tr>
<td></td><td></td><td></td><td ><button onclick="changeRed(this)">按钮</button></td>
</tr>
</table>
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
为什么一些男性喜欢要求伴侣叫自己爸爸? proteus8中怎么放置引脚标号 ...在proteus里不知道用什么表示?有没有什么proteus中专门的中英文对照... 甜蜜家园郑毅铭是什么身份 甜蜜家园第二季郑毅铭喜欢谁 瑞梦喜智能空调床垫适合人群 小孩可以用智能床垫吗 智能床垫适合哪些人用 我父亲今年59岁,有高血压和颈椎病的病史,最近一段时间感觉一躺下就偏... ...刚从医院治疗回来。我想买个枕头给他,不知买怎样的比较好?_百度知 ... 有什么正规的外汇平台吗 创造性游戏的组织与实施过程中存在的问题 股票问题,哪位股神知道 菲律宾的英语比马来西亚好吗? 西安交大二附院怎么样 湘雅附一、附二、附三医院各自有哪些优势专业? 中国和菲律宾,马来西亚比那国有钱 菲律宾的英文比马来西亚好,还是坏? 菲律宾语言和马来语有多接近? 河北省第二医院消化内科做胃镜要预约吗?? 天津市中医药大学第二附属医院消化内科吴春江出诊时间多少 治疗胃病苏州附一医院和附二医院哪个好 南华大学附属第二医院的特色科室 西安市附属二院无痛胃镜多钱,做的怎么样? 荣栗仁化橘红膏有哪些功效? 在上海怎样去开一家大闸蟹专卖店? 我有很好的进货渠道,不是阳澄湖的,是江苏兴化红膏大闸蟹。 胃病方面 温州附属第一医院和温州附属第二医院哪个比较好? 兴化红膏大闸蟹怎么能买到? 重庆医科大学附属第二医院消化内科五楼电话 兴化红膏大闸蟹有哪些优势? 到哪里买天福上官庄化橘红膏: 重庆火锅为啥加老鹰茶 青岛在哪里坐游轮啊? 我在青岛栈桥坐游轮压了一百块钱,忘了去要了怎么办,游轮公司天天游 青岛国际邮轮母港的简介 山东威海、青岛至韩国的豪华游轮有几班呢~·郁闷·· 怎么游青岛方特梦幻王国?是步行走还是座老爷车、电瓶车、游园小火车之类的?好像还有游船 枣庄去青岛渡游轮可以看到跨海大桥吗? 青岛蓝色硅谷码头游轮岛护岸工程项目 佛山医院PCR实验室装修注意有哪些? 医院装修每平米多少钱 微信文件传输助手删了资料能找回吗? 苏州市吴江区青云实验学校微信公众号 福州绿城柳岸到五四北泰怎么走? 吴江2021年东太湖音乐喷泉国庆开不开 吴江锐迈机械微信公众号 吴江怎么申请养老保险凭证 直播电视剧版权怎么弄 开直播放电视剧侵权吗 直播看电视剧违法吗 如何用jquery控制表格奇偶行及活动行颜色