复制代码代码如下：
<！Doctype HTML公共“ - // W3C // DTD XHTML 1.0 Transitional // en”“” http://www.org/tr/tr/xhtml1/dtd/xhtml1-xhtml1-transitional.transitional.dtdd'>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<头>
<meta http-equiv =“ content-type” content =“ text /html; charset = utf-8” />
<title>无标题文档</title>
<meta name =“ generator” content =“ editplus”>
<meta name =“作者” content =“”>
<meta name =“关键字” content =“”>
<meta name =“描述” content =“”>
<脚本类型=“ text/javascript”>
功能showhide（obj）{
var objin = obj.parentelement.parentelement.Rows [1] .Style;
// var objin = obj.parentelement.parentelement.parentelement.Rows [1] .Style;
objin.display ==“无”？objin.display =“ block”：objin.display =“ none”;
}
</script>
</head>
<身体>
<table cellpadding =“ 0” cellSpacing =“ 0”>
<tbody>
<tr>
<td style =“光标：指针;” OnClick =“ ShowHide（this）”>单击我！</td>
</tr>
<tr>
<td> <table>
<TR> 11111111111111111
<tr> 222222222222222 </tr>
<tr> 3333333333333333 </tr>
<tr> 4444444444444444 </tr>
<tr> 5555555555555555 </tr>
</table> </td>
</tr>
</tbody>
</table>
</body>
</html>
</body>
</html>
感觉这个挺好，可以捕获当前事件作用的对象，如event.srcelement.tagname可以捕获活动标记名称。
注意获取的标记都以大写表示，如“ td”，“ tr”，“ a”等。
偶应用event.srcelement把以前的一个代码重写了下，扩展了其功能，很简单的一段代码。
复制代码代码如下：
<！Doctype HTML公共“ - // W3C // DTD XHTML 1.0 Transitional // en”“” http://www.org/tr/tr/xhtml1/dtd/xhtml1-xhtml1-transitional.transitional.dtdd'>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<头>
<meta http-equiv =“ content-type” content =“ text /html; charset = utf-8” />
<title>无标题文档</title>
<meta name =“ generator” content =“ editplus”>
<meta name =“作者” content =“”>
<meta name =“关键字” content =“”>
<meta name =“描述” content =“”>
<script type =“ text/ecmascript”>
函数tdclick（）{
if（event.srcelement.tagname.tolowercase（）=='td'）{
alert（“行：”+（event.srcelement.parentnode.rowindex+1）+“列：”+（event.srcelement.cellindex+1））;
// alert（“行：”+（event.srcelement.parentelement.RowIndex+1））;
}
}
</script>
</head>
<身体>
<table align =“ center” onclick =“ tdclick（）” cellspacing =“ 1” bordercolor =“＃000000” bordercollight =“＃000000” bordercolordark =“＃c0c0c0” bgcolord
<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>
对于以上表中用边界colordark和bordercollight的说明如下：
html中bordercolordark和bordercolorlight的区别
窗体要呈现立体感时，需要两个边框为亮色