JavaScript设置TD背景色

最新推荐文章于 2024-11-30 22:53:47 发布

原创最新推荐文章于 2024-11-30 22:53:47 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<html>
<head>
<Script language="JavaScript">
function setcolor(obj)
 {
  obj.bgColor='red';
  } 
</script>
</head>
<body>
<table border="1" width=80% align=center>
    <tr>
        <td onClick="setcolor(this)">1</td>
        <td onClick="setcolor(this)">2</td>
    </tr>
    <tr>
        <td onClick="setcolor(this)">3</td>
        <td onClick="setcolor(this)">4</td>
    </tr>
</table>
</body>
</html>