Question

求助：js动态输出html语句。

<table style="width:98%;border:1px;margin-top:10px;font-size:12px;" cellpadding="0" cellspacing="0" class="line_table">
<tr>
<td style="width:93%;background:url(images/news-title-bg.gif);height:27px;text-align:center;" colspan="7" class="left_bt2">
订单DVD详细信息    </td>
</tr>
<tr align="center" class="summary-title" style="height:25px;">
<td style="width:10%">名称</td>
<td style="width:10%">出版商</td>
<td style="width:10%">单价</td>
<td style="width:10%">数量</td>
<td style="width:10%">属性</td>
<td style="width:10%">属性价格</td>
</tr>
<tr align="center" style="height:25px;">
<td><div id="Div1"></div></td>
<td><div id="Div2"></div></td>
<td><div id="Div3"></div></td>
<td><div id="Div4"></div></td>
<td><div id="Div5"></div></td>
<td><div id="Div6"></div></td>
</tr>
</table>
其中
<tr align="center" style="height:25px;">
<td><div id="Div1"></div></td>
<td><div id="Div2"></div></td>
<td><div id="Div3"></div></td>
<td><div id="Div4"></div></td>
<td><div id="Div5"></div></td>
<td><div id="Div6"></div></td>
</tr>
这行是动态的，也就是说，用js来动态控制，如何实现？

Answer 1

　　方法一、在浏览器地址栏输入代码获取js动态生成的HTML内容。
　　js动态生成的HTML内容无法在网页源文件中查看，但可以通过在浏览器地址栏敲入以下Javascript代码查看Body元素包含的内容：
　　javascript:document.write(document.body.innerHTML.replace(/</g, "<").replace(/>/g, ">"))
　　下面的js代码可以查看某个层包含的内容：
　　javascript:document.write(document.getElementByIdx_x('div1').innerHTML.replace(/</g, "<").replace(/>/g, ">"))
　　注意：谷歌浏览器时，在javascript控制台输入：去掉"javascript:"的文字即可。
　　方法二、写js代码查看生成的html文件
　　div对象.innerText = div对象.innerHTML

Answer 2

给table设置个id，比如“tbl”。然后用动态表格的方法。
t = document.getElementById("tbl");
r1 = t.insertRow();
for(i = 0; i < t.rows.item(0).cells.length;i++){
c = r1.insertCell();
c.id = "Div" + i;
c.innerHTML = "something";
}
前提是这个表格已经存在一个行（比如<th>），不然会报错