js 给table追加一行

JavaScript04

js 给table追加一行,第1张

用jquery插件吧，很方便的，比如设置该table的id为mytable

<table id="mytable">

<tr><td>第一行</td></tr>

</table>

<script>

//选取你的table，添加一行

$("#mytable").append("<tr><td>第二行</td></tr>")

</script>

给你个简单的示例吧

<body>

<table id="tab">

<tr><td>0</td></tr>

<tr id="x"><td>1 在此行下插入新行</td></tr>

<tr><td>2</td></tr>

</table><br>

<input type="button" onclick="javascript:instTR()" value="插入行">

<script type="text/javascript">

function instTR(){

var tab=document.getElementById('tab')

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

var tr=tab.insertRow(n)

var td=tr.insertCell(0)

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

}

</script>

</body>