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

JavaScript020

如何使用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 code<script language="javascript" type="text/javascript">

function add(){

var tb = document.getElementById("tb")

var tr = tb.insertRow(0)

tr.style.cssText = tb.rows[1].style.cssText

var td = tr.insertCell()

td.innerHTML = "00000"

}

</script>

<input type="button" onclick="add()" value="add">

<table id="tb">

<tr style="background:#CCC"><td>xxx</td></tr>

</table>

------解决方案--------------------

JScript code/*

insertRow()这样是IE独有的.

标准用法是:

insertRow(-1): index为-1的时候就是默认插在最后一行.

insertRow( 0): index为0的时候就是插在第一行

至于样式一样 应该在样式表里统一设置.