javascript动态添加html节点
2016-05-13 16:37
423 查看
之前一直没怎么接触需要动态添加和删除html节点的项目,这次项目中用到了,也学习了。
在一个<table id="tab">标签中添加一个<tr id="tr">标签,<tr>标签里面包含4个<td>标签
这里是将<tr>标签里面的4个<td>标签的html代码当成字符串写入这个<tr>标签
从一个<table id="tab">标签中删除一个<tr id="tr">标签
在一个<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 数据类型
- [LeetCode][JavaScript][Python]Reverse Vowels of a String
- FastJsonUtil工具类
- JS操作JSON总结
- 手把手教你写电商爬虫-第四课 淘宝网商品爬虫自动JS渲染
- JavaScript String 对象常用方法详解
- JavaScript原生对象常用方法总结(推荐)
- 通过Ajax post Json类型的数据到Controller
- 关于json解析的无法接收报空指针的问题
- js实现上传图片及时预览
- js函数的可变参数
- JS function简写
- ajax jsonp 跨域请求
- 阿里巴巴Json工具-Fastjson讲解
- 操作JSON
- javascript中的toString()方法
- JavaScript的Date对象
- 浅析JS操作DOM的一些常用方法
- javascript一些有关date操作的方法
- javascript判断图片是否加载完成的方法推荐