复制代码代码如下 :
<! 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">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> </title>
<meta name = "generator"content = "editplus">
<meta name = "author"content = "">
<meta name = "keywords"content = "">
<meta name = "description"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";
}
</스크립트>
</head>
<body>
<table cellPadding = "0"CellSpacing = "0">
<tbody>
<tr>
<td style = "커서 : 포인터;" onclick = "showhide (this)"> 나를 클릭하십시오! </td>
</tr>
<tr>
<td> <table>
<tr> 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 미 추 추정까지
<tr> 222222222222222222 </tr>
<tr> 333333333333333 </tr>
<tr> 444444444444444 </tr>
<tr> 55555555555555555 </tr>
</테이블> </td>
</tr>
</tbody>
</테이블>
</body>
</html>
</body>
</html>
"
注意获取的标记都以大写表示 注意获取的标记都以大写表示, "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">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> </title>
<meta name = "generator"content = "editplus">
<meta name = "author"content = "">
<meta name = "keywords"content = "">
<meta name = "description"content = "">
<script type = "text/ecmascript">
함수 tdclick () {
if (event.srcelement.tagname.tolowercase () == 'td') {
ALERT ( "行 :"+(event.srcelement.parentNode.rowIndex+1)+"列 :"+(event.srcelement.cellindex+1));
// alert ( "ert :"+(event.srcelement.parentElement.rowIndex+1));
}
}
</스크립트>
</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>
</테이블>
</body>
</html>
对于以上 테이블 c BorderColordark 和 Bordercolorlight 的说明如下 :
Html 中 Bordercolordark 和 Bordercolorlight 的区别
窗体要呈现立体感时, 需要两个边框为亮色 需要两个边框为亮色, 剩下两个边框为暗色。 보더 콜로 라이트 和 BorderColordark 分别代表亮色和暗色。