function insCell(){
var x=document.getElementById('myTable').rows[0];
var y=x.insertCell(0)
y.innerHTML="NEW CELL1"
}
在第一行插入一列,要每行插循环一下
var x=document.getElementById('myTable').rows[0];
var y=x.insertCell(0)
y.innerHTML="NEW CELL1"
}
在第一行插入一列,要每行插循环一下
<html>
<head>
</head>
<body>
<table id="myTable" border=1>
<tr>
<td>
Row 0, cell 0
</td>
<td>
Row 0, cell 1
</td>
</tr>
<tr>
<td>
Row 1, cell 0
</td>
<td>
Row 1, cell 1
</td>
</tr>
<tr>
<td>
Row 2, cell 0
</td>
<td>
Row 2, cell 1
</td>
</tr>
</table>
<script>
function insRow(iIndex)
{
var t = document.getElementById('myTable');
var columnCount = t.rows[0].cells.length;
var r = t.insertRow(iIndex);
var c;
for (var i=0; i<columnCount; i++)
{
c = r.insertCell(i);
c.innerText = "Row " + iIndex + ", cell " + i;
}
}
function appCol()
{
var t=document.getElementById('myTable');
var r, c;
for (var i=0; i<t.rows.length; i++)
{
r = t.rows[i];
c = r.insertCell();
c.innerText = "Row " + i + ", cell " + (r.cells.length-1);
}
}
</script>
<input type="button" value="InsertRow" onclick="insRow(0)";>
<input type="button" value="AppendColumn" onclick="appCol()";>
</body>
</html>