复制代码代码如下:
<!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的区别
窗体要呈现立体感时,需要两个边框为亮色