添加行

最新推荐文章于 2022-11-05 10:33:42 发布

ls510671759

最新推荐文章于 2022-11-05 10:33:42 发布

阅读量400

点赞数

分类专栏： javascript 文章标签： div table button function

本文链接：https://blog.csdn.net/ls510671759/article/details/6455536

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<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>

ls510671759

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
添加行

<br /><html><head><br /><script><br /> function addtr(){<br /> var div=document.getElementById("div1");<br /> var newtable=document.createElement("table");<br /> newtable.border="1px";<br /> //添加一行 <br /> var newtr = newtable.insertRow(-1);//在最下的
复制链接

扫一扫