js控制表格显示问题

cooc123 2011-07-22 10:17:17
<table align="center" cellspacing="1"  cellpadding="2" class="TableBorder">
<tr>
<th colspan="2" align="left">基本设置
<span style="float:right;padding-right:10px;cursor: pointer;">
<img id="TableImage" src="images/collapsed_no.gif" title="收起/展开" onclick="showTable(1);" />
</span>
</th>
</tr>
<div id="Table1">
<tr>
<td class="TableRow1" width="30%">博客名称:</td>
<td class="TableRow1"><input type="text" name="webname" value="" /></td>
</tr>
<tr>
<td class="TableRow2">博客地址:</font></td>
<td class="TableRow2"><input type="text" name="weburl" value="" /></td>
</tr>
<tr>
<td class="TableRow1">博客描述: </td>
<td class="TableRow1"><input type="text" name="blogdesc" value="" /></td>
</tr>
<tr>
<td class="TableRow2">信息产业部网站备案号:</td>
<td class="TableRow2"><input type="text" name="icp" value="" /></td>
</tr>
</div>
</table>


function showTable(id){
var obj = document.getElementById("Table" + id);
var img = document.getElementById("TableImage");
if (obj.style.display == "none"){
obj.style.display = '';
img.src = "images/collapsed_no.gif";
}else{
obj.style.display = 'none';
img.src = "images/collapsed_yes.gif";
}
}
为什么 <div id="Table1"> 里面的内容不能控制显示呢
...全文
5872 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
雨天要吃饭 2011-07-31
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 truelove12 的回复:]
这位兄弟,无论根据html 4.01或xhtml 1.0宽松版的dtd定义,你的html格式都是错误的。
table中只能包含以下元素,thead,tbody,tfoot,tr
[/Quote]

是这样的。
s1120624175 2011-07-22
  • 打赏
  • 举报
回复
可以使用Tbody嵌套table
  • 打赏
  • 举报
回复
只感叹HTML强大的容错能力其实是在犯罪
s1120624175 2011-07-22
  • 打赏
  • 举报
回复
想法挺好
可惜div不能控制tr
不信你在div里面加上123 肯定有效果
gaobochina 2011-07-22
  • 打赏
  • 举报
回复
<tr id=table1>
豆虫 2011-07-22
  • 打赏
  • 举报
回复
	<table align="center" cellspacing="1"  cellpadding="2" class="TableBorder">
<tr>
<th colspan="2" align="left">基本设置
<span style="float:right;padding-right:10px;cursor: pointer;">
<img id="TableImage" src="images/collapsed_no.gif" title="收起/展开" onclick="showTable(1);" />
</span>
</th>
</tr>
</table>
<table id="Table1"> <!-- 给这个table调整下样式就行了 没必要非得用div -->
<tr>
<td class="TableRow1" width="30%">博客名称:</td>
<td class="TableRow1"><input type="text" name="webname" value="" /></td>
</tr>
<tr>
<td class="TableRow2">博客地址:</td>
<td class="TableRow2"><input type="text" name="weburl" value="" /></td>
</tr>
<tr>
<td class="TableRow1">博客描述: </td>
<td class="TableRow1"><input type="text" name="blogdesc" value="" /></td>
</tr>
<tr>
<td class="TableRow2">信息产业部网站备案号:</td>
<td class="TableRow2"><input type="text" name="icp" value="" /></td>
</tr>
</table>
  • 打赏
  • 举报
回复
这位兄弟,无论根据html 4.01或xhtml 1.0宽松版的dtd定义,你的html格式都是错误的。
table中只能包含以下元素,thead,tbody,tfoot,tr
Redstone 2011-07-22
  • 打赏
  • 举报
回复
HTML结构非法!!<tr>之间不能嵌套<div>

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧