JAVAScript实现增添行和删除行

最新推荐文章于 2022-02-08 20:52:40 发布

@computervip

最新推荐文章于 2022-02-08 20:52:40 发布

阅读量478

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/FangFeiXinLingamp/article/details/79329820

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JAVAScript实现增添行和删除行

<html>
  <head>
	
  </head>
  <body>
    <table id="mytable" border="1" width="50%">
	  <tr><td>删除这一行</td></tr>
	  <tr><td>保留这一行</td></tr>
	</table>
	<input type="button" οnclick="del()" value="删除"/>
	<input type="button" οnclick="add()" value="添加"/>
	<script type="text/javascript">
	  function del(){
	    var my_trs = document.getElementsByTagName("tr");
		my_trs[0].parentNode.removeChild(my_trs[0]);
	  }
	  function add(){
	    var my_trs = document.getElementsByTagName("tr");
		var new_tr = document.createElement("tr");
		var new_td = document.createElement("td");
		var txt = document.createTextNode("该行为新增行");
		new_td.appendChild(txt);
		new_tr.appendChild(new_td);
		my_trs[0].parentNode.innerHTML += "<tr><td>该行为新增行</td></tr>";
	  }
	</script>

  </body>
</htm>

@computervip

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JAVAScript实现增添行和删除行

JAVAScript实现增添行和删除行&lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;table id="mytable" border="1" width="50%"&gt; &lt;tr&gt;&lt;td&gt;删除这一行&lt;
复制链接

扫一扫