复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<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 = "المؤلف" content = "">
<meta name = "الكلمات الرئيسية" content = "">
<meta name = "الوصف" content = "">
<script type = "text/javaScript">
وظيفة 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>
<الجدول cellpadding = "0" cellspacing = "0">
<tbody>
<tr>
<td style = "المؤشر: مؤشر ؛" OnClick = "Showhide (this)"> انقر فوق لي! </td>
</r>
<tr>
<td> <border>
<tr> 1111111111111111 </tr>
<tr> 222222222222222 </tr>
<tr> 3333333333333333 </tr>
<tr> 44444444444444 </tr>
<tr> 555555555555555 </tr>
</table> </td>
</r>
</tbody>
</table>
</body>
</html>
</body>
</html>
感觉这个挺好 ， 可以捕获当前事件作用的对象 ， 如 event.srcelement.tagname 可以捕获活动标记名称。
注意获取的标记都以大写表示 ， 如 "td" ، "TR" ، "A" 等。
偶应用 event.Srcelement 把以前的一个代码重写了下 ， 扩展了其功能 ， 很简单的一段代码。
复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<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 = "المؤلف" 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>
<body>
<table align = "center" onClick = "tdClick ()" cellpacing = "1" BorderColor = "#000000" BorderColorlight = "#000000" BorderColordark = "#C0C0C0" BGColor = "#C0C0C0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</r>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</r>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</r>
</table>
</body>
</html>
对于以上 الجدول 中用 bordercolordark 和 bordercolorlight 的说明如下:
html 中 bordercolordark 和 bordercolorlight 的区别
窗体要呈现立体感时 ， 需要两个边框为亮色 剩下两个边框为暗色。borderColorlight 和 الحدود 和