求助，关于innerHTML~

……
<div id="opt">　</div>
……<script type="text/javascript">
function showUnitName()
{
    var str = "";
    str += "<tr bgcolor=\"#E7EDF1\">\n" +
                    "    <td>\n" +
                    "        存栏量：\n" +
                    "    </td>\n" +
                    "    <td bgcolor=\"#FFFFFF\">\n" +
                    "        <input type=\"text\" name=\"cunll\" maxlength=\"50\">\n" +
                    "    </td>\n" +
                    "\n" +
                    "    <td>\n" +
                    "        出栏量：\n" +
                    "    </td>\n" +
                    "    <td bgcolor=\"#FFFFFF\">\n" +
                    "        <input type=\"text\" name=\"chull\" maxlength=\"50\">\n" +
                    "    </td>\n" +
                    "</tr>";
    var d = document.getElementById("opt");
    d.innerHTML = str;
}
</script>如果我调用showUnitName这个方法，把str这段字符串加到div中。问题就是原有的tr,td格式全没了，两个input标签挤在一块了，图片如下：正确的显示应该是：
请问各大大虾如何控制innerHTML内的原有格式？感激不尽~

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

lz
------------
为什么要用\n呢?
tr = table1.insertRow()
td = tr.insertCell()
td.innerHTML=""
回1楼的,\n应该无所谓吧，是拷贝
<tr bgcolor="#E7EDF1">
    <td>
        存栏量：
    </td>
    <td bgcolor="#FFFFFF">
        <input type="text" name="cunll" maxlength="50">
    </td>    <td>
        出栏量：
    </td>
    <td bgcolor="#FFFFFF">
        <input type="text" name="chull" maxlength="50">
    </td>
</tr>
自动生成的，去掉也行喽~先试下二楼兄弟的方法，感谢之~
lz
-----------
可以试下
d.innerHTML=>d.outerHTML
回四楼兄弟的，换成d.outerHTML不行噢，还是不显示格式~二楼兄弟方法怎么用？偶菜鸟，不会额，望告之~
lz
-------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT=""></HEAD><BODY>
<form method="post" action="">
<table cellpadding="0" cellspacing="0" border="1" width="100%" id="DetailTable">
<tr>
<td>a</td>
<td>b</td>
<td>e</td>
<td>f</td>

</tr>
<tr>
<td>c</td>
<td>d</td>
<td>g</td>
<td>h</td>
</tr>
</table>
<script   type="text/javascript">
function addRow()
{
tb = document.all.DetailTable;
var row =tb.insertRow();
var cell1 = row.insertCell();
var cell2 = row.insertCell();
var cell3 = row.insertCell();
var cell4 = row.insertCell();
cell1.innerHTML="存栏量";
cell2.innerHTML="<input   type=\"text\"   name=\"cunll\"   maxlength=\"50\">";
cell3.innerHTML="出栏量";
cell4.innerHTML="<input   type=\"text\"   name=\"chull\"   maxlength=\"50\">";
}
addRow();
</script>
</form>
</BODY>
</HTML>
顶6楼，  str   +=   " <table><tr   bgcolor=\"#E7EDF1\"> \n"   +
                                        "         <td> \n"   +
                                        "                 存栏量：\n"   +
                                        "         </td> \n"   +
                                        "         <td   bgcolor=\"#FFFFFF\"> \n"   +
                                        "                 <input   type=\"text\"   name=\"cunll\"   maxlength=\"50\"> \n"   +
                                        "         </td> \n"   +
                                        "\n"   +
                                        "         <td> \n"   +
                                        "                 出栏量：\n"   +
                                        "         </td> \n"   +
                                        "         <td   bgcolor=\"#FFFFFF\"> \n"   +
                                        "                 <input   type=\"text\"   name=\"chull\"   maxlength=\"50\"> \n"   +
                                        "         </td> \n"   +
                                        " </tr> </table>";
这样应该就行了
tb = document.all.DetailTable
这句报js错误，应该这个页面我嵌套了表格，不止一个表格噢~
如何获得指定表格？回8楼的，加了<table></table>标签还是不行……
3Q~
lz
-----------------------------------
tb   =   document.all.DetailTable为显示内容表格.
按照2006大大的方法解决是解决了，但新的问题出来了~
那段js代码我是用select 标签onchange方法调用的
每次调用这个方法的时候都是继续增加行和列
但我的本意是为每个select选项单独增加几行或者几列
请问大大怎么解决噢吖~