js 怎么在 <tr>...<tr> 后动态添加 <tr>...<tr>

js 怎么在 <tr>...<tr> 后动态添加 <tr>...<tr>,第1张

 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

        }

请参考采纳,谢谢!

tr往后面动态拼接方法如下:

1、使用jquery需要先拼接html内容。

2、把html添加到父层元素当中。

3、table当中需要动态增加tr。

4、拼接后再把html添加或者替换table的内容即可。

1、首先在html中为表格的添加位置设置id 

即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。如下 

<div id="tdl"><div> 

2、在javascript中写添加表格的语句 

若在当前html文件中,则写在<script>标签内部,如

<script type="text/javascript" > 

document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>" //此处添加的表格可根据自己需要创建 

</script>


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

原文地址: http://outofmemory.cn/bake/11609537.html

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

发表评论

登录后才能评论

评论列表(0条)

保存