先说第二个:
<TABLE border=1 width="100%" id="Table">
<TR>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
<INPUT TYPE="button" value="添加" onclick="add_row();">
<SCRIPT LANGUAGE="JavaScript">
function add_row()
{
oRow = Table.insertRow();
oCell = oRow.insertCell();
oCell.innerHTML = "1";
oCell = oRow.insertCell();
oCell.innerHTML = "2";
}
</SCRIPT>
<TABLE border=1 width="100%" id="Table">
<TR>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
<INPUT TYPE="button" value="添加" onclick="add_row();">
<SCRIPT LANGUAGE="JavaScript">
function add_row()
{
oRow = Table.insertRow();
oCell = oRow.insertCell();
oCell.innerHTML = "1";
oCell = oRow.insertCell();
oCell.innerHTML = "2";
}
</SCRIPT>
table {
table-layout: fixed;
word-wrap:break-word;
}
</style>
<TABLE border=1 width="100%" id="Table">
<TR height=0>
<TD style = "width:10cm;height:0cm;border:1px solid blue;"> </TD>
<TD style = "width:10cm;height:0cm;border:1px solid blue;"> </TD>
</TR>
</TABLE>
<tr style="display:none"><td>asdasd</td></tr>
动态设置可以参考下面的例子
<table id="table1">
<tr id="tr1">
<td>asas1
</td>
</tr>
<tr id="tr2">
<td>asas2
</td>
</tr>
<tr id="tr3">
<td>asas3
</td>
</tr>
</table>
<script language=javascript>
document.getElementById("tr1").style.display='none'
</script>
<table id="table1">
<tr id="tr1">
<td>asas1
</td>
</tr>
<tr id="tr2">
<td>asas2
</td>
</tr>
<tr id="tr3">
<td>asas3
</td>
</tr>
</table>
<script language=javascript>
document.getElementById("table1").childNodes[0].appendChild(document.getElementById("tr1").cloneNode(true))
</script>
第一个: TR加样式"height:0px" (仅限内容为空),或者使用“display:none".
第二个: documet.getElementById("tableID").innerHTML += "<tr><td></td><td></td><td></td></tr>";