<html><head>
<script>
function addtr(){
var div=document.getElementById("div1");
var newtable=document.createElement("table");
newtable.border="1px";
//添加一行
var newtr = newtable.insertRow(-1);//在最下的位置
var newtd=newtr.insertCell();
newtd.innerHTML="hellow world...";
var newtd2=newtr.insertCell();
newtd2.innerHTML="hellow world2...";
div.appendChild(newtable);
}
function addtr2(){
var div=document.getElementById("div1");
var newtable=document.createElement("table");
newtable.border="1px";
var tbody=document.createElement("tbody");
//添加一行
var newtr=document.createElement("tr");
var newtd=document.createElement("td");
newtd.innerHTML="hellow world...";
var newtd2=document.createElement("td");
newtd2.innerHTML="hellow world2...";
newtr.appendChild(newtd);
newtr.appendChild(newtd2);
tbody.appendChild(newtr);
newtable.appendChild(tbody);
div.appendChild(newtable);
//document.body.appendChild(div);
}
</script>
</head><body>
<div id="div1" style="width:300px;height:200px;border:1px solid black;"></div>
<input type="button" value="添加行" οnclick="addtr2();">
</body></html>
添加行
最新推荐文章于 2022-11-05 10:33:42 发布