<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>javascript 动态创建 table的rows与cells</title>
</head>
<body>
<table border="1" width="100%" id="tab1">
<tr id="tr1">
<td>标题01</td>
<td>标题02</td>
<td>标题03</td>
</tr>
</table>
</body>
</html>
<script>
var _tab = document.getElementById("tab1") ;
var _tr = document.getElementById("tr1") ;
var arrCellText= Object() ;
arrCellText[0] = "00" ;
arrCellText[1] = "01" ;
arrCellText[2] = "02" ;
createRowCell(_tab, _tr, arrCellText) ;
createRowCell(_tab, _tr, arrCellText) ;
function createRowCell(tab, tr, objCellText)
{
trNew = tab.insertRow(1) ;
for(var i=0; i<tr.cells.length; i++)
{
var tdNew = trNew.insertCell(arrCellText[i]) ;
var tnNew = document.createTextNode(arrCellText[i]) ;
tdNew.appendChild(tnNew) ;
}
}
</script>
javascript 动态创建 table的rows与cells
最新推荐文章于 2021-06-28 23:26:45 发布