[导入]如何动态生成table(javascript)
{ var parNode = document.getElementById("table1");
//定位到table上
tbody = document.createElement("TBODY");
var tr= document.createElement("tr"); //新建一个tr类型的Element节点
var td = document.createElement("td"); //新建一个td类型的Element节点
td.appendChild(document.createTextNode("<tr><td>1</td>"));
tr.appendChild(td);
var td = document.createElement("td"); //新建一个td类型的Element节点
td.appendChild(document.createTextNode("<td>2</td></tr>"));
tr.appendChild(td);
tbody.appendChild(tr);
var th = document.createElement("th"); //新建一个td类型的Element节点
th.colSpan=2;
th.appendChild(document.createTextNode("<tr><th colspan='2'>3</th></tr>"));
var tr= document.createElement("tr"); //新建一个td类型的Element节点
tr.appendChild(th);
tbody.appendChild(tr);
alert(parNode);
parNode.appendChild(tbody);
}
<INPUT style="Z-INDEX: 101; LEFT: 392px; POSITION: absolute; TOP: 128px" type="button"
value="Button" onclick="ff()">
<TABLE id="Table1" style="Z-INDEX: 102; LEFT: 320px; WIDTH: 300px; POSITION: absolute; TOP: 496px; HEIGHT: 3px"
cellSpacing="1" cellPadding="1" width="300" border="1">
</TABLE>
文章来源:http://www.cnblogs.com/suiqirui19872005/archive/2007/05/13/744717.html
转载于:https://www.cnblogs.com/QiRuiNet-helloworld/archive/2007/06/19/789130.html
[导入]如何动态生成table(javascript)相关推荐
- jsp页面根据json数据动态生成table
根据需求由于不同的表要在同一个jsp展示,点击某个表名便显示某张表内容,对于java后台传给jsp页面的json形式的数据是怎么动态生成table的呢? 找了好久,终于找到某位前辈的答案,在此表示衷心 ...
- 自己做一个table插件 (一)Ajax获取数据后动态生成table
今天我给大家带来一个简单的JQ插件,Ajax获取数据后动态生成table.当然,有这种功能的插件有很多.著名的有DataTable.JqGrid--它们虽然功能丰富,成熟,拿来做二次开发是一个不错的选 ...
- VUE : 双重 for 循环写法、table 解析任意 list 、万能表格组件、解析一维数组、动态生成 table 所有数据
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1.需求: 我想要一个 table 组件能在实际调用时动态生成所有的 tr .td . 后端返回的 ...
- JQuery动态生成Table表格
主要用到了JQuery中的append和appendto的方法,具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit ...
- JSP动态生成table并输出为Excel
服务端源码 public JSONArray getListToDeptPart() throws Exception {JSONArray jsonArr = new JSONArray();Lis ...
- 通过JS代码动态生成HTML表格(Table),Input框,Button按钮.并且通过Input框的值进行查询动态生成数据填写在指定的表格里
本人公众号上线啦!!! 公众号与博客名一样:没有腹肌的程序猿 公众号文章类型:工作上所遇到的需求实现方案分享. 此外也会提供一些数据集供大家使用.(这个还在规划中,毕竟打工人时间挺紧的,哈哈哈哈) 到 ...
- js 动态生成html(js根据后台返回数据生成html页面中的table标签)(转义字符)
js 动态生成html table标签中内容js生成 html代码 js代码 js 动态生成html 触发事件传参字符转义 table标签中内容js生成 html代码 <div><t ...
- html动态生成按钮事件,javascript 动态生成按钮并添加事件时为什么不响应?
javascript 动态生成按钮并添加事件时为什么事件不响应?(谢谢大家!) 1)html部分 1 2 3 4 5 6 7 8 9 10 11 12 2)script部分 //_t 为一个现在的Ta ...
- javascript案例:动态生成表格
js案例:动态生成表格 一.文字梳理 * 创建一个页面:两个输入框和一个按钮 * 第一步:得到输入的行和列的值 * 第二步:生成表格 - 循环行 - 在行里面循环单元格 * 第三步:把表格(表格放到变 ...
最新文章
- bean ref的bean可以做判断吗_Spring Boot @Condition 注解,组合条件你知道吗
- lua学习笔记之日期时间
- 电力“十三五”蓝图发布 新能源迎发展机遇
- 感悟:微博深度学习平台架构和实践
- python编程环境要求_python公开课|我们需要优秀Python编程环境的要求居然是这些...
- 云小课|CDN第5课 CDN入门之—我的网站可以用CDN加速吗?
- TexturePacker学习笔记——制作NGUI Atlas
- paip.python错误解决5
- QQ配置文件解密(转)
- 利用easyCHM制作JavaAPI帮助文档
- python ocr识别 沪牌_7月沪牌拍后分析:毫秒之间,锁定中标
- 串口通信基础知识(UART)
- 使用windbg调试器定位程序的内存泄漏
- 基于android的备忘录_[译] 我个人的 Git 技巧备忘录
- 一个可以把Google Docs变成GDrive的工具
- php农历生日计算,php实现的农历算法实例
- 【地理人工智能交叉】通过整合兴趣点和Word2Vec模型感知城市土地利用的空间分布
- 3D数据---未来数字世界的物质基础
- 【JS提升】IE常见的BUG解决方案
- Java代码点和代码单元及其区别
热门文章
- linux git 发邮件,gitlab发邮件基于sendmail
- pythonreplace回调函数,python回调函数返回非
- querydsl动态 sql_Spring data jpa 复杂动态查询方式总结
- JavaScript简介---JS基础
- gevent模块的使用
- Fiddler如何查找登陆的可用cookie用于其他请求?方式一
- Python之数据类型总结
- 洛谷 P2097 资料分发1
- 一步步学习微软InfoPath2010和SP2010--第二章节--表单需求:使用决策矩阵(3)--你的SP版本...
- DEDE留言板调用导航的方法