js怎么动态添加一行到table的第一行
2017-03-16 · 知道合伙人互联网行家
关注
展开全部
HTML code<script language="javascript" type="text/javascript">
function add(){
var tb = document.getElementById("tb");
var tr = tb.insertRow(0);
tr.style.cssText = tb.rows[1].style.cssText;
var td = tr.insertCell();
td.innerHTML = "00000";
}
</script>
<input type="button" onclick="add()" value="add">
<table id="tb">
<tr style="background:#CCC"><td>xxx</td></tr>
</table>
------解决方案--------------------
JScript code/*
insertRow()这样是IE独有的.
标准用法是:
insertRow(-1): index为-1的时候就是默认插在最后一行.
insertRow( 0): index为0的时候就是插在第一行
至于样式一样 应该在样式表里统一设置.
function add(){
var tb = document.getElementById("tb");
var tr = tb.insertRow(0);
tr.style.cssText = tb.rows[1].style.cssText;
var td = tr.insertCell();
td.innerHTML = "00000";
}
</script>
<input type="button" onclick="add()" value="add">
<table id="tb">
<tr style="background:#CCC"><td>xxx</td></tr>
</table>
------解决方案--------------------
JScript code/*
insertRow()这样是IE独有的.
标准用法是:
insertRow(-1): index为-1的时候就是默认插在最后一行.
insertRow( 0): index为0的时候就是插在第一行
至于样式一样 应该在样式表里统一设置.
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询