复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<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 == "ไม่มี"? objin.display = "block": objin.display = "ไม่มี";
-
</script>
</head>
<body>
<table cellpadding = "0" cellspacing = "0">
<tbody>
<tr>
<td style = "เคอร์เซอร์: ตัวชี้;" onclick = "showhide (this)"> คลิกฉัน! </td>
</tr>
<tr>
<td> <table>
<tr> 1111111111111111 </tr>
<tr>2222222222222222</tr>
<tr> 33333333333333333 </tr>
<tr> 444444444444444443 </tr>
<tr> 555555555555555 </tr>
</table> </td>
</tr>
</tbody>
</table>
</body>
</html>
</body>
</html>
感觉这个挺好, 可以捕获当前事件作用的对象, 如 Event.srelement.tagname 可以捕获活动标记名称。
注意获取的标记都以大写表示, 如 "td", "tr", "a" 等。等。
偶应用 Event.srecelement 把以前的一个代码重写了下, 扩展了其功能, 很简单的一段代码。很简单的一段代码。
复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<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') {
การแจ้งเตือน ("行:"+(Event.srelement.parentNode.RowIndex+1)+"列:"+(Event.sreclement.cellindex+1));
// Alert ("行:"+(event.srelement.parentelement.RowIndex+1));
-
-
</script>
</head>
<body>
<table allign = "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>
table Table 中用 Bordercolordark 和 Bordercolorlight 的说明如下:
HTML 中 Bordercolordark 和 Bordercolorlight 的区别
窗体要呈现立体感时, 需要两个边框为亮色, 剩下两个边框为暗色。 BorderColorlight 和 BorderColordark 分别代表亮色和暗色。