首页 > 编程语言 > 详细

javascript动态添加html节点

时间:2016-05-13 17:11:20      阅读:113      评论:0      收藏:0      [点我收藏+]

之前一直没怎么接触需要动态添加和删除html节点的项目,这次项目中用到了,也学习了。

在一个<table id="tab">标签中添加一个<tr id="tr">标签,<tr>标签里面包含4个<td>标签

function insertTr() {
   tr = document.createElement("tr");
   html = "<td></td>"+ "<td></td>"+ "<td></td>"+ "<td></td>";
   tr.id = "tr";
   tr.innerHTML = html;
   document.getElementById("tab").appendChild(tr);
}
   

这里是将<tr>标签里面的4个<td>标签的html代码当成字符串写入这个<tr>标签

从一个<table id="tab">标签中删除一个<tr id="tr">标签

function delTr() {
  document.getElementById("tab").removeChild(document.getElementById("tr"));
}

 

javascript动态添加html节点

原文:http://www.cnblogs.com/quyixuanblog/p/5489918.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!