如何使用JS脚本添加表格的行和列

<table border="1">

<tbody id="new">

<tr><td>a</td><td>1</td></tr>

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

<tr><td>c</td><td>3</td></tr>

</tbody>

</table>

<script type="text/javascript">

var table = document.getElementById("new")

// 增加行

var newTR= document.createElement("tr")

var newTD1 = document.createElement("td")

var newText1 = document.createTextNode("d")

var newTD2 = document.createElement("td")

var newText2 = document.createTextNode("4")

newTD1.appendChild(newText1)

newTD2.appendChild(newText2)

newTR.appendChild(newTD1)

newTR.appendChild(newTD2)

table.appendChild(newTR)

//增加列

var tr = table.getElementsByTagName("tr")

for(var i=0i<tr.lengthi++) {

var newTD = document.createElement("td")

var newText = document.createTextNode(i)

newTD.appendChild(newText)

tr[i].appendChild(newTD)

}

</script>

你方法用错了，插入行应该用insertRow,看我的

<table width="800" border="1" cellspacing="0" cellpadding="5" id="t1">

<tr>

<td>1 </td>

<td>2 </td>

</tr>

<tr>

<td>3</td>

<td>4</td>

</tr>

<tr id="bf">

<td id="cf">5</td>

<td>6</td>

</tr>

</table>

<script>

function fun(){

var tb=document.getElementById("t1")

var row=tb.insertRow(2)

row.insertCell().innerHTML=7

row.insertCell().innerHTML=8

}

fun()

</script>

---