javascript 在表格中插入一列 - 调试易

javascript 在表格中插入一列

开玩笑，怎么可能不能实现，很简单啊。通过DOM获得你指定的单元格，然后在其后面插入一个TD元素，然后循环把每一行都这么做一次不就可以了？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

找出第2列 insertAdjacentElement 在指定位置插入元素。
测试源代码也给你
<html>
<head>
<script>
function addCol(){
var tbl = document.getElementById("testTable");
if (!tbl){return ;}
var rows_count = tbl.rows.length;
var tag_td;

for (var i=0; i<rows_count; i++)
{
tag_td = document.createElement("TD");
tag_td.innerText = "new";
tbl.rows[i].childNodes[0].insertAdjacentElement("afterEnd",tag_td);
}
}
</script>
</head>
<body>
<button onclick="addCol()">Test</button>
<table id="testTable" border="1px">
<tr>
<td>
 
</td>
<td>
 
</td>
</tr>
<tr>
<td>
 
</td>
<td>
 
</td>
</tr>
<tr>
<td>
 
</td>
<td>
 
</td>
</tr>
<tr>
<td>
 
</td>
<td>
 
</td>
</tr>
<tr>
<td>
 
</td>
<td>
 
</td>
</tr>
</table>
</body>
</html>