码迷,mamicode.com
首页 > 编程语言 > 详细

javascript动态添加html节点

时间:2016-05-13 17:13:37      阅读:220      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!