如何用js在指定tr后添加tr

如何用js在指定tr后添加tr,第1张

你可以用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>

原声js中如果你想创建tr和td 而且是很多个,只能用循环往里面塞值了。

<body>

<table id="tab"></table>

</body>

<script>

var oTab = document.getElementById('tab')

for(var i=0i<3i++){

var oTr = document.createElement('tr')

for(var j=0j<3j++)

{

var oTd = document.createElement('td')

oTr.appendChild(oTd)

}

oTab.appendChild(oTr)

}

</script>

简单的写了一下,仅供参考~~


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11394902.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存