请问下边这段javascript代码让隐藏的表格显示出来哪里出错了？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function btnSearchOnClick() {
var tableMain=document.getElementById("tableMain")
for(var i=1;i<tableMain.rows.length;i++) {
tableMain.rows[i].style.display="";
}
}
</script>
</head>
<body>
<form id="frmTest" name="frmTest" action="" method="post">
<table width="200" border="1" id="test" id="tableMain">
<tr>
<td><input type="button" id="btnSearch" name="btnSearch" value="查询" onClick="btnSearchOnClick();"></td>
<td>11</td>
<td>111</td>
</tr>
<tr style="display:none">
<td>2</td>
<td>22</td>
<td>222</td>
</tr>
<tr style="display:none">
<td>3</td>
<td>33</td>
<td>333</td>
</tr>
</table>
</form>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function btnSearchOnClick() {
var tableMain=document.getElementById("tableMain")
for(var i=1;i<tableMain.rows.length;i++) {
tableMain.rows[i].style.display="";
}
}
</script>
</head>
<body>
<form id="frmTest" name="frmTest" action="" method="post">
<table width="200" border="1" id="test" id="tableMain">
<tr>
<td><input type="button" id="btnSearch" name="btnSearch" value="查询" onClick="btnSearchOnClick();"></td>
<td>11</td>
<td>111</td>
</tr>
<tr style="display:none">
<td>2</td>
<td>22</td>
<td>222</td>
</tr>
<tr style="display:none">
<td>3</td>
<td>33</td>
<td>333</td>
</tr>
</table>
</form>
</body>
</html> 展开
展开全部
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function btnSearchOnClick() {
var tableMain=document.getElementById("tableMain")
for(var i=1;i<tableMain.rows.length;i++) {
tableMain.rows[i].style.display="";
}
}
</script>
</head>
<body>
<form id="frmTest" name="frmTest" action="" method="post">
<table width="200" border="1" id="tableMain">
<tr>
<td><input type="button" id="btnSearch" name="btnSearch" value="查询" onClick="btnSearchOnClick()"></td>
<td>11</td>
<td>111</td>
</tr>
<tr style="display:none">
<td>2</td>
<td>22</td>
<td>222</td>
</tr>
<tr style="display:none">
<td>3</td>
<td>33</td>
<td>333</td>
</tr>
</table>
</form>
</body>
</html>
--------
table标签多了有2个id，去掉一个；onClick多了一个 “；”
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function btnSearchOnClick() {
var tableMain=document.getElementById("tableMain")
for(var i=1;i<tableMain.rows.length;i++) {
tableMain.rows[i].style.display="";
}
}
</script>
</head>
<body>
<form id="frmTest" name="frmTest" action="" method="post">
<table width="200" border="1" id="tableMain">
<tr>
<td><input type="button" id="btnSearch" name="btnSearch" value="查询" onClick="btnSearchOnClick()"></td>
<td>11</td>
<td>111</td>
</tr>
<tr style="display:none">
<td>2</td>
<td>22</td>
<td>222</td>
</tr>
<tr style="display:none">
<td>3</td>
<td>33</td>
<td>333</td>
</tr>
</table>
</form>
</body>
</html>
--------
table标签多了有2个id，去掉一个；onClick多了一个 “；”
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你多了 id="test" 删除
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<table width="200" border="1" id="test" id="tableMain">
这里你有两个id，造成了冲突，把id="test"去掉即可了。
如果还有什么疑问，请留言。
这里你有两个id，造成了冲突，把id="test"去掉即可了。
如果还有什么疑问，请留言。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
