js在table中插入行
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js在table中插入行相关的知识，希望对你有一定的参考价值。
我的代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<table border="1" cellpadding="0" cellspacing="0" id=tab1>
<tr height="20">
<td width="73"> 序号</td>
<td width="223"> 标题</td>
<td width=80> 作者</td>
<td width=100> 发表时间</td>
</tr>
<tr height="20">
<td width="73">00</td>
<td width="223">00</td>
<td width=80>00</td>
<td width=100>00</td>
</tr>
</table>
<script>
var colWidthArray = new Array(73,223,80,100);
var obj=document.getElementById('tab1').rows;
for(i=0;i<3;i++)
var newBlankRow = document.getElementById('tab1').insertRow();
newBlankRow.height = "20";
var point = newBlankRow.rowIndex;
for (m=0; m < colWidthArray.length; m++)
obj[point].insertCell();
obj[point].cells(m).innerHTML = " ";
obj[point].cells(m).width = colWidthArray[m];
</script>
</BODY>
</HTML>
本来table只有一行数据，我想初始化成四行数据，即用JS再插入3个行，但每个单元格中的数据都是空的，可新插入的3行却没有边框？为什么？哪位知道？谢谢啊
obj[point].cells(m).innerHTML = " "; 改为
obj[point].cells(m).innerHTML = "& nbsp;";即可
你把&和nbsp;之间的空格去掉，放一起在这里显示不出来 参考技术A JS中动态为<Table>插入行
var tab = document.getElementById("tab");
//添加行
var aRow = tab.insertRow(len+i);
aRow.insertCell(0).innerHTML = "AAA";
aRow.insertCell(1).innerHTML = "BBB";
aRow.insertCell(2).innerHTML = "CCC";
aRow.insertCell(3).innerHTML = "DDD";
以上是关于js在table中插入行的主要内容，如果未能解决你的问题，请参考以下文章