利用javascript在tbody中自动添加行

vartbody=document.createElement("tbody");//新建一个tbody类型的Element节vartr=document.createE... var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节
var tr = document.createElement("tr"); //新建一个tr类型的Element节点
var td = document.createElement("td"); //新建一个td类型的Element节点
td.innerHTML = i;
tr.appendChild(td);
td.innerHTML=s;
tr.appendChild(td);
td.innerHTML="免费赠送5套餐具";
tr.appendChild(td);
td.innerHTML =n;
tr.appendChild(td);
td.innerHTML ="￥"+p;
tr.appendChild(td);
td.innerHTML ='1';
tr.appendChild(td);
tbody.appendChild(tr); //将节点tr加入tbody中
var parNode = document.getElementById("table1"); //定位到table上
parNode.appendChild(tbody);

我无法在页面上的tbody中添加并这行哪里出错了啊展开

 我来答

2个回答

#热议# 生活中有哪些实用的心理学知识？

waile23
推荐于2016-10-01 · TA获得超过569个赞

知道小有建树答主

回答量：382

采纳率：0%

帮助的人：379万

我也去答题访问个人页

关注

展开全部

我是很清楚你的代码要做什么，你代码中有几错错误：

1：i、s、n、p都没有定义

2：你只定义了一个var td，这个只有最后一个add会追加。

下面是我根据你的代码调整你，你看看吧。

我觉得你这样的代码没有什么实际的意义，你要这么实现实在不是好办法。

<html>
<head>
<title></title>
<script>
function addTbody() {
	var i = "我是i"; var s = "我是s"; var n = "我是n"; var p = "我是p";
	var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节
	var tr = document.createElement("tr"); //新建一个tr类型的Element节点
	var td1 = document.createElement("td"); //新建一个td类型的Element节点
	td1.innerHTML = i;
	tr.appendChild(td1);
	
	
	var td2 = document.createElement("td"); //新建一个td类型的Element节点
	td2.innerHTML=s;
	tr.appendChild(td2);
	
	var td3 = document.createElement("td"); //新建一个td类型的Element节点
	td3.innerHTML="免费赠送5套餐具";
	tr.appendChild(td3);
	
	var td4 = document.createElement("td"); //新建一个td类型的Element节点
	td4.innerHTML =n;
	tr.appendChild(td4);
	
	var td5 = document.createElement("td"); //新建一个td类型的Element节点
	td5.innerHTML ="￥"+p;
	tr.appendChild(td5);
	
	var td6 = document.createElement("td"); //新建一个td类型的Element节点
	td6.innerHTML ='1';
	tr.appendChild(td6);
	
	
	tbody.appendChild(tr); //将节点tr加入tbody中
	
	var parNode = document.getElementById("table1"); //定位到table上
	parNode.appendChild(tbody); 
}
</script>
</head>
<body>
<a onclick="addTbody()" href="#">添加tbody</a>
<table id="table1">

</table>
</body>
</html>

追问

我已经解决了这个问题了  我想知道有没办法将这个结果保存起来  即是我添加这个tbody能一直保留就算我关掉页面也能保留

追答

你为什么要这么做呢，如果你用的是php/java之类的，你完全可以用后台代码生成这些内容的，要一直保留你就存文件或数据库吧，每次取一下。

已赞过 已踩过<

评论收起

joychen_
2014-08-17 · TA获得超过1747个赞

知道大有可为答主

回答量：1617

采纳率：100%

帮助的人：1833万

我也去答题访问个人页

关注

展开全部

var x=document.getElementById('myTable').insertRow(0);
var y=x.insertCell(0);
var z=x.insertCell(1);
y.innerHTML='wanggang';
z.innerHTML='NEW CELL2';

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

利用javascript在tbody中自动添加行

其他类似问题

为你推荐：