使用 JAVASCRIPT 動態改變 HTML表格 CSS 樣式

操作流程如下: 

 

圖1 點擊"click"單元格
圖2 單元格改變顏色

 

代碼如下:

<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" οnclick="changColor()">click </td>
    <td width="50" height="50"> </td>
  </tr>
</table>
</form>

</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章