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