1个tabel中有5 个tr 如何用js控制 第3个tr到 第5个tr到 显示或隐藏
我将3个tr整体定义成一个div 来控制就是不行 问题点数:10、回复次数:3Top
1 楼Mars_ZHOU()回复于 2006-06-01 18:59:49 得分 10
<table id=tb cellPadding=1 border =1>
<tr><td>0</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
</table>
<input type=button onclick=test() value="按我">
<SCRIPT LANGUAGE=javascript>
<!--
function test(){
for (var i=0 ;i< tb.rows.length ; i++ ){
if (i >1){
tb.rows(i).style.display = "none"
}
}
}
//-->
</SCRIPT>
Top
2 楼webphoenix()回复于 2006-06-01 20:26:43 得分 0
楼上的可以
你的当然不行,div在tr之间是不起作用的Top
3 楼mynickel2000(狗不理)回复于 2007-01-12 13:32:40 得分 0
<html>
<head>
<SCRIPT language=javascript>
function doOpen(){
var xx=document.getElementById("aa");
if (xx.style.display=="none"){
xx.style.display='block';
}
else {
//xx.innerHTML = "";
xx.style.display='none';
}
alert(xx.innerHTML);
}
</SCRIPT>
</head>
<body>
<input type="button" id="ccc" onclick="doOpen();" value="aaaaa"/>
<table border="1">
<tr>
<td>
aaaaa
</td>
</tr>
<tbody id="aa" name="aa">
<tr>
<td>
aa
</td>
</tr>
<tr>
<td id="aa" name="aa">
aa
</td>
</tr>
</tbody>
</table>
</body>
</html>Top




