js在table中插入行
我的代码如下：<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>New...
我的代码如下：
<!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行却没有边框？为什么？哪位知道？谢谢啊 展开
<!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行却没有边框？为什么？哪位知道？谢谢啊 展开
2个回答
展开全部
你可以在每个单元格里放个空格符号，
obj[point].cells(m).innerHTML = " "; 改为
obj[point].cells(m).innerHTML = "& nbsp;";即可
你把&和nbsp;之间的空格去掉，放一起在这里显示不出来
obj[point].cells(m).innerHTML = " "; 改为
obj[point].cells(m).innerHTML = "& nbsp;";即可
你把&和nbsp;之间的空格去掉，放一起在这里显示不出来
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2015-11-18 · 知道合伙人金融证券行家
GUYOL8888
知道合伙人金融证券行家
采纳数：51565
获赞数：224524
企业年度先进。 30年的商业、服务业、工业、会计领域工作经验。 1987年参加全疆大中专院校珠算比赛二等奖。
向TA提问 私信TA
关注
![]()
展开全部
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";
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";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
