你可以用js原生的append或是insertBefore。
下面是简单的例子：
<body><table id="tab">
<tr>
<td>1111</td>
<td>1111</td>
</tr>
</table>
</body>
<script>
var oTab = document.getElementById('tab')
var oTr = document.createElement('tr') //创建TR
oTr.innerHTML='<td>22222</td><td>22222</td>' //TR里面加2个TD
oTab.appendChild(oTr)
</script>
function onAddTR(trIndex){
var tb = document.getElementById("tb1")
var newTr = tb.insertRow(trIndex)//添加新行，trIndex就是要添加的位置
var newTd1 = newTr.insertCell()
newTd1.innerHTML = "这是新行，位置：" + trIndex
var newTd2 = newTr.insertCell()
newTd2.innerHTML = "这是新行，位置：" + trIndex
}
请参考采纳，谢谢！
<style>tr:nth-child(odd){
height:70px
background-color:#0f9
}
tr:nth-child(even){
display:none
height:60px
background-color:#c3c
}
</style>
<script>
window.onload=function(){
var trs=document.getElementsByTagName("tr")
for(var i=0i<trs.lengthi+=2){
(function(i){
trs[i].onclick=function(){
for(var j=0j<trs.lengthj+=2){
if(j==i){
if(trs[j+1].style.display!="table-row"){
trs[j+1].style.display="table-row"
}else{
trs[j+1].style.display="none"
}
}else{
trs[j+1].style.display="none"
}
}
}
})(i)
}
}
</script>
<table>
<tr><td>1</td></tr>
<tr><td>点击本行</td></tr>
<tr><td>2</td></tr>
<tr><td>点击本行</td></tr>
<tr><td>3</td></tr>
<tr><td>点击本行</td></tr>
<tr><td>4</td></tr>
<tr><td>点击本行</td></tr>
<tr><td>5</td></tr>
<tr><td>点击本行</td></tr>
<tr><td>6</td></tr>
</table>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）