我是很清楚你的代码要做什么，你代码中有几错错误：
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>
<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=0i<tr.lengthi++) {
var newTD = document.createElement("td")
var newText = document.createTextNode(i)
newTD.appendChild(newText)
tr[i].appendChild(newTD)
}
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）