使用 JAVASCRIPT 动态改变 HTML表格 CSS 样式

lihongtao8209

于 2019-04-20 08:51:44 发布

阅读量961

点赞数

分类专栏： JAVASCRIPT

本文链接：https://blog.youkuaiyun.com/lihongtao8209/article/details/89412536

版权

JAVASCRIPT 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何利用JavaScript来动态地改变HTML表格的CSS样式，通过代码示例详细阐述了操作流程。

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

操作流程如下:

代码如下:

<html>

<head>

<style type="text/css">
table, td, th
  {
  border:1px solid black;
  border-collapse:collapse;
  }

</style>

<script language="JavaScript">

function changColor()
{
  document.getElementById("td1").style.backgroundColor="#FF9900";
}

</script>

</head>
<form name="form1">
<table border="1" width=100 height=50 name="table1">
  <tr>
    <td width="50" height="50" id="td1" onclick="changColor()">click </td>
    <td width="50" height="50">　</td>
  </tr>
</table>
</form>

</html>