function ff()
    {  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>

suiqirui 2007-05-13 15:41 发表评论

文章来源: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)相关推荐

  1. jsp页面根据json数据动态生成table

    根据需求由于不同的表要在同一个jsp展示,点击某个表名便显示某张表内容,对于java后台传给jsp页面的json形式的数据是怎么动态生成table的呢? 找了好久,终于找到某位前辈的答案,在此表示衷心 ...

  2. 自己做一个table插件 (一)Ajax获取数据后动态生成table

    今天我给大家带来一个简单的JQ插件,Ajax获取数据后动态生成table.当然,有这种功能的插件有很多.著名的有DataTable.JqGrid--它们虽然功能丰富,成熟,拿来做二次开发是一个不错的选 ...

  3. VUE : 双重 for 循环写法、table 解析任意 list 、万能表格组件、解析一维数组、动态生成 table 所有数据

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1.需求: 我想要一个 table 组件能在实际调用时动态生成所有的  tr .td . 后端返回的 ...

  4. JQuery动态生成Table表格

    主要用到了JQuery中的append和appendto的方法,具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit ...

  5. JSP动态生成table并输出为Excel

    服务端源码 public JSONArray getListToDeptPart() throws Exception {JSONArray jsonArr = new JSONArray();Lis ...

  6. 通过JS代码动态生成HTML表格(Table),Input框,Button按钮.并且通过Input框的值进行查询动态生成数据填写在指定的表格里

    本人公众号上线啦!!! 公众号与博客名一样:没有腹肌的程序猿 公众号文章类型:工作上所遇到的需求实现方案分享. 此外也会提供一些数据集供大家使用.(这个还在规划中,毕竟打工人时间挺紧的,哈哈哈哈) 到 ...

  7. js 动态生成html(js根据后台返回数据生成html页面中的table标签)(转义字符)

    js 动态生成html table标签中内容js生成 html代码 js代码 js 动态生成html 触发事件传参字符转义 table标签中内容js生成 html代码 <div><t ...

  8. html动态生成按钮事件,javascript 动态生成按钮并添加事件时为什么不响应?

    javascript 动态生成按钮并添加事件时为什么事件不响应?(谢谢大家!) 1)html部分 1 2 3 4 5 6 7 8 9 10 11 12 2)script部分 //_t 为一个现在的Ta ...

  9. javascript案例:动态生成表格

    js案例:动态生成表格 一.文字梳理 * 创建一个页面:两个输入框和一个按钮 * 第一步:得到输入的行和列的值 * 第二步:生成表格 - 循环行 - 在行里面循环单元格 * 第三步:把表格(表格放到变 ...

最新文章

  1. bean ref的bean可以做判断吗_Spring Boot @Condition 注解,组合条件你知道吗
  2. lua学习笔记之日期时间
  3. 电力“十三五”蓝图发布 新能源迎发展机遇
  4. 感悟:微博深度学习平台架构和实践
  5. python编程环境要求_python公开课|我们需要优秀Python编程环境的要求居然是这些...
  6. 云小课|CDN第5课 CDN入门之—我的网站可以用CDN加速吗?
  7. TexturePacker学习笔记——制作NGUI Atlas
  8. paip.python错误解决5
  9. QQ配置文件解密(转)
  10. 利用easyCHM制作JavaAPI帮助文档
  11. python ocr识别 沪牌_7月沪牌拍后分析:毫秒之间,锁定中标
  12. 串口通信基础知识(UART)
  13. 使用windbg调试器定位程序的内存泄漏
  14. 基于android的备忘录_[译] 我个人的 Git 技巧备忘录
  15. 一个可以把Google Docs变成GDrive的工具
  16. php农历生日计算,php实现的农历算法实例
  17. 【地理人工智能交叉】通过整合兴趣点和Word2Vec模型感知城市土地利用的空间分布
  18. 3D数据---未来数字世界的物质基础
  19. 【JS提升】IE常见的BUG解决方案
  20. Java代码点和代码单元及其区别

热门文章

  1. linux git 发邮件,gitlab发邮件基于sendmail
  2. pythonreplace回调函数,python回调函数返回非
  3. querydsl动态 sql_Spring data jpa 复杂动态查询方式总结
  4. JavaScript简介---JS基础
  5. gevent模块的使用
  6. Fiddler如何查找登陆的可用cookie用于其他请求?方式一
  7. Python之数据类型总结
  8. 洛谷 P2097 资料分发1
  9. 一步步学习微软InfoPath2010和SP2010--第二章节--表单需求:使用决策矩阵(3)--你的SP版本...
  10. DEDE留言板调用导航的方法