复制代码代码如下::
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> 无标题文档 </title>
<Meta name = "generator" content = "editPlus">
<Meta name = "Autor" content = "">
<Meta name = "keywords" content = "">
<Meta name = "Beschreibung" content = "">
<script type = "text/javaScript">
Funktion Showhide (obj) {
var objin = obj.Parentelement.Parentelement.rows [1] .style;
// var objin = obj.Parentelement.Parentelement.Parentelement.rows [1] .style;
objin.display == "Keine"? objin.display = "block": objin.display = "none";
}
</script>
</head>
<body>
<Table CellPadding = "0" CellSpacing = "0">
<tbody>
<tr>
<td style = "Cursor: Zeiger;" Onclick = "Showhide (this)"> Klicken Sie auf mich! </td>
</tr>
<tr>
<td> <table>
<tr> 111111111111111 </tr>
<tr> 2222222222222222 </tr>
<tr> 3333333333333333 </tr>
<tr> 4444444444444444 </tr>
<tr> 55555555555555555 </tr>
</table> </td>
</tr>
</tbody>
</table>
</Body>
</Html>
</body>
</html>
感觉这个挺好 , 可以捕获当前事件作用的对象 , 如 Event.srcelement.tagname 可以捕获活动标记名称。
注意获取的标记都以大写表示 , 如 "td", "tr", "a" 等。
偶应用 event.srcelement 把以前的一个代码重写了下 , 扩展了其功能 , 很简单的一段代码。 很简单的一段代码。 很简单的一段代码。 很简单的一段代码。 很简单的一段代码。 很简单的一段代码。 很简单的一段代码。 很简单的一段代码。 很简单的一段代码。 扩展了其功能 扩展了其功能 扩展了其功能 扩展了其功能 扩展了其功能 扩展了其功能 扩展了其功能 扩展了其功能 扩展了其功能 偶应用 偶应用
复制代码代码如下::
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> 无标题文档 </title>
<Meta name = "generator" content = "editPlus">
<Meta name = "Autor" content = "">
<Meta name = "keywords" content = "">
<Meta name = "Beschreibung" content = "">
<script type = "text/ecmascript">
Funktion tdclick () {
if (event.srcelement.tagname.tolowerCase () == 'td') {
alert ("行:"+(event.srcelement.parentnode.rowIndex+1)+"列:"+(Ereignis.srcelement.cellindex+1));
// alert ("行:"+(event.srcelement.Parentelement.rowIndex+1));
}
}
</script>
</head>
<body>
<table align = "center" onclick = "tdclick ()" cellspacing = "1" borderColor = "#000000" borderColorlight = "#000000" borderColordark = "#c0c0c0" bgcolor = "#c0c0c0">
<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>
对于以上 Tabelle 中用 BorderColordark 和 BorderColorlight 的说明如下:
html 中 BorderColordark 和 BorderColorlight 的区别
窗体要呈现立体感时 , 需要两个边框为亮色 , 剩下两个边框为暗色。BorderColorlight 和 BorderColordark 分别代表亮色和暗色。