複製代碼代碼如下：
<！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的區別
窗體要呈現立體感時，需要兩個邊框為亮色