如何用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>

你好提问者

$("#btnAdd").click(function(){ //点击按钮后触发事件

var rowHtml="" 

  rowHtml +="<tr id='"+nums+"' onclick=\"addId(this.id)\">" 

  rowHtml +="<td>"+"<input type=\"text\" name=\"prizeName\" id=\"prizename0"+nums+"\"  style=\"width:60px\"/></td>" 

  rowHtml +="<td>"+"<input type=\"text\" name=\"prizenum\" id=\"prizenum0"+nums+"\"  style=\"width:60px\"/>"+"</td>"

  rowHtml +="</tr>" 

  $("#tableAdd").append(rowHtml) //将你拼的代码在你的表格添加进去

  }

 })


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

原文地址:https://54852.com/bake/11612936.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存