代码改变世界

table子节点

2017-03-12 17:39  认真编码快乐生活  阅读(549)  评论(0编辑  收藏  举报

  今天尝试着给表格的子节点添加数据,给最后一行之前添加数据,然而无论怎么操作,得到的结果都是出错;然后上网各种查阅资料,发现table标签下默认有一个子节点tbody,所以对childNodes的操作都会出错,或者是结果不准确。无奈之下只好对table进行tr的获取以达到表格数据的插入;以下为简要代码:

<table id="test">
<tbody id="tes">
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
</table>
<script>
window.onload=function(){
var ote=document.getElementById("test");

var child=ote.getElementsByTagName("tr");
var st=child[2];
var s=document.createElement("tr");
s.innerHTML="<td>3</td><td>3</td>";

tes.insertBefore(s,st);
}
</script>