Question

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

Answer 1

<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=0; i<tr.length; i++) {
var newTD = document.createElement("td");
var newText = document.createTextNode(i);
newTD.appendChild(newText);
tr[i].appendChild(newTD);
}

</script>

Answer 2

<table id="new"></table>

var str;
var table1=document.getElementById("new");
str="<tr><td>asf</<td><td>ewr</td></tr>";
table1.innerHTML=str;