var hr_html = "<hr>....</tr>"; 如何将这个 hr_html 添加到 table 中去?而且是插入到 table 的最后一个 hr 的前一个位置,而不是 append 到最后!
<table>
<tr>
...
</tr>
<tr>
这个是上面的 hr_html,每次都用 javascript 来加入到 table中,但如何插入到指定的位置?
</tr>
<tr>
这是最后的 tr ,有其他用处,
</tr>
</table>
同时,如何知道这个 table 现在有多少了 tr ,如何得到某一个位置的 tr?
document.all.mytable.rows.length为tr个数,document.all.mytable.rows[i]为各个tr
<script>
function myadd()
{
mytr="<table id=mytable>";
for(i=0;i<document.all.mytable.rows.length-1;i++)
mytr+=document.all.mytable.rows[i].outerHTML;
mytr+="<tr><td>"+document.all.td1.value+"</td>"+"<td>"+document.all.td2.value+"</td>"+"<td>"+document.all.td3.value+"</td></tr>";
mytr+=document.all.mytable.rows[document.all.mytable.rows.length-1].outerHTML;
mytr+="</table>"
document.all.mytable.outerHTML=mytr;
}
</script>
<table id=mytable>
<tr>
<td>11</td><td>12</td><td>13</td>
</tr>
<tr style="background:yellow">
<td>21</td><td>22</td><td>23</td>
</tr>
<tr>
<td>31</td><td>32</td><td>33</td>
</tr>
<tr>
<td colspan=3>这是最后的 tr ,有其他用处</td>
</tr>
</table>
td1<input id=td1>td2<input id=td2>td3<input id=td3></td>
<input type=button value=add onclick=myadd()>
outerHTML对于tr是只读的
<script>
function check(obj)
{
var tBoby = oTable.children[0]
var hr_html = "<tr><td>this is a new row</td></tr>"
hr_html = "<table style=display:none id=myTable>"+hr_html+"</table>";
document.body.insertAdjacentHTML("beforeEnd",hr_html)
tBoby.insertBefore(myTable.rows[0], tBoby.children[tBoby.children.length-1])
}
</script>
<body>
<table id="oTable">
<tr>
<td>...</td>
</tr>
<tr>
<td>这是最后的 tr ,有其他用处,</td>
</tr>
</table>
<input type=button onclick="check(this)">
</body>