复制代码代码如下：
<！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>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title>无标题文档</title>
<Meta name = "generator" content = "editplus">
<Meta name = "Author" content = "">
<Meta name = "keywords" content = "">
<メタ名= "説明" content = "">
<script type = "text/javascript">
function showhide（obj）{
var objin = obj.parentelement.parentelement.rows [1] .style;
// var objin = obj.parentelement.parentelement.parentelement.rows [1] .style;
objin.display == "none"？objin.display = "block"：objin.display = "none";
}
</script>
</head>
<body>
<table cellpadding = "0" cellspacing = "0">
<tbody>
<tr>
<td style = "cursor：pointer;" onclick = "showhide（this）">私をクリック！</td>
</tr>
<tr>
<td> <テーブル>
<tr> 11111111111111111111111111111111111111111111111111
<tr> 2222222222222222 </tr>
<tr> 3333333333333333 </tr>
<tr> 44444444444444444 </tr>
<tr> 5555555555555555 </tr>
</table> </td>
</tr>
</tbody>
</table>
</body>
</html>
</body>
</html>
感觉这个挺好、可以捕获当前事件作用的对象、如event.srcelement.tagname可以捕获活动标记名称。
注意获取的标记都以大写表示、如、「td」、「tr」、 "a"等。
偶应用event.srcelement把以前的一个代码重写了下、扩展了其功能、很简单的一段代码。
复制代码代码如下：
<！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>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title>无标题文档</title>
<Meta name = "generator" content = "editplus">
<Meta name = "Author" content = "">
<Meta name = "keywords" content = "">
<メタ名= "説明" content = "">
<script type = "text/ecmascript">
関数tdclick（）{
if（event.srcelement.tagname.tolowercase（）== 'td'）{
alert（ "行："+（event.srcelement.parentnode.rowindex+1）+"列："+（event.srcerement.cellindex+1））;
// alert（ "行："+（event.srcelement.parentelement.rowindex+1））;
}
}
</script>
</head>
<body>
<table align = "center" onclick = "tdclick（）" cellspacing = "1" bordercolor = "＃000000" bordercolorlight = "＃000000" bordercolordark = "＃c0c0c0" bgcolor = "＃c0c0c0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
对于以上テーブルbordercolordark和bordercolorlight的说明如下：
html中bordercolordark和bordercolorlight的区别
窗体要呈现立体感时、需要两个边框为亮色、剩下两个边框为暗色。bordercolorlight和bordercolordark分别代表亮色和暗色。