如何使用js像html的table标签中添加一行

如何使用js像html的table标签中添加一行,第1张

function instTR(){  

   // 获取id为tab的table表单  

   var tab=document.getElementById_x_x_x_x('tab')  

   // 获取id为x的行号  

   // 在x的行号上加一作为插入行的行号  

   var n=document.getElementById_x_x_x_x('x').rowIndex+1  

   // tr为tab表单下行号为n的行  

   var tr=tab.insertRow(n)  

   // insertCell() 方法用于在 HTML 表的一行的指定位置插入一个空的  

   // td为插入的行的第一个td元素  

   var td=tr.insertCell(0)  

   // 像刚才所获取的td中插入一个随机数值  

   td.innerHTML='new '+Math.random()  

}

<html>

<script language="javascript">

function createTr(){

var tb=document.all.tb

var tr=tb.insertRow()

var td=tr.insertCell()

td.innerHTML="test"

td.onclick=clickMe

}

function clickMe(){

alert("事件")

}

</script>

<body>

<table id="tb" border="2">

<tr>

<td onclick="createTr()">click me</td>

</tr>

</table>

</body>

</html>

<table id="tb" border="1">

<tr><td>序号</td><td>产品名称</td></tr>

<tr><td>1</td>产品名称1<td></td></tr>

</table>

<script type="text/javascript">

var tb = document.getElementById('tb')

if (tb.rows.length <6) {//不够5行,包含了表头

var tr

for (var i = 6 - tb.rows.lengthi >= 0i--) {

tr = tb.insertRow(tb.rows.length)

tr.insertCell(0)

tr.insertCell(1)

//....插入更多的单元格

}

}

</script>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存