js控制表格显示问题

Question

<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"> 里面的内容不能控制显示呢

Answer 1

想法挺好
可惜div不能控制tr
不信你在div里面加上123  肯定有效果

Answer 2

只感叹HTML强大的容错能力其实是在犯罪

Answer 3

HTML结构非法！！<tr>之间不能嵌套<div>

Answer 4

这位兄弟，无论根据html 4.01或xhtml 1.0宽松版的dtd定义，你的html格式都是错误的。
table中只能包含以下元素,thead,tbody,tfoot,tr

Answer 5

<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>