复制代码代码如下:
<! 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">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> 无标题文档 </TITAL>
<Meta name = "générateur" contenu = "editplus">
<Meta name = "auteur" content = "">
<Meta name = "keywords" contenu = "">
<Meta name = "Description" content = "">
<script type = "text / javascript">
fonction showhide (obj) {
var objin = obj.parerentelement.parerentelement.Rows [1] .Style;
// var objin = obj.parerentelement.pare-point.parerentelement.rows [1] .Style;
objin.display == "Aucun"? objin.display = "block": objin.display = "Aucun";
}
</cript>
</ head>
<body>
<table cellpadding = "0" CellSpacing = "0">
<tbody>
<tr>
<td style = "curseur: pointeur;" onclick = "showhide (this)"> cliquez sur moi! </td>
</tr>
<tr>
<td> <ball
<TR> 111111111111111 </tr>
<TR> 2222222222222222 </TR>
<tr> 3333333333333333 </tr>
<TR> 44444444444444444 </TR>
<TR> 55555555555555555 </TR>
</pally> </td>
</tr>
</tbody>
</ table>
</docy>
</html>
</docy>
</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-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> 无标题文档 </TITAL>
<Meta name = "générateur" contenu = "editplus">
<Meta name = "auteur" content = "">
<Meta name = "keywords" contenu = "">
<Meta name = "Description" content = "">
<script type = "text / ecmascript">
fonction tdclick () {
if (event.srcelement.tagname.tolowercase () == 'td') {
alert ("行:" + (event.srcelement.parentnode.rowindex + 1) + "列:" + (event.srcelement.celLindex + 1));
// alert ("行:" + (event.srcelement.parerentelement.rowindex + 1));
}
}
</cript>
</ 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>
</docy>
</html>
对于以上 Tableau 中用 BorderColordark 和 BorderColorlight 的说明如下:
HTML 中 BorderColordark 和 BorderColorlight 的区别
窗体要呈现立体感时 ， 需要两个边框为亮色 ， 剩下两个边框为暗色。 剩下两个边框为暗色。borderColorlight 和 BorderColordark 分别代表亮色和暗色。