看下面代码,第二个(addTable())可以在testDiv里创建一个表格,但是add()就不行。

网友的解释是:
给表格添加 行 和 单元格时候
尽量用 table对象自己的 方法添加

function add()
        {
            var table = document.createElement("table");
            table.name = "mytable";
            table.width="200px";
            
            
            var tr =document.createElement('tr');
            var td1=document.createElement('td');
            var td2=document.createElement('td');
            td1.appendChild(document.createTextNode("第一格"));                
            td2.appendChild(document.createTextNode("第二格"));
            tr.appendChild(td1);
            tr.appendChild(td2);
            
            testDiv.appendChild(tr);
            table.appendChild(tr);
                        
            testDiv.appendChild(table);            
        }
        
        function addTable()
        {
            var ta1=document.createElement("table"); 
            ta1.style.border="1";             

            for(var i = 0;i < 10;i ++)
            {
                var txtNode1=document.createTextNode("第" + i + "条");
                ta1.insertRow(); 
                ta1.rows[i].insertCell(); 
                ta1.rows[i].cells[0].appendChild(txtNode1);                             
            }
            
            testDiv.appendChild(ta1);
        }
<div id="testDiv">
        
        </div>

html动态创建table不成功的一个问题相关推荐

  1. js的节点操作动态创建table表格,创建行,删除行

    节点操作 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点,每个 HTML 元素是元素节点,HTML 元素内的文本是文本节点,每个 HTML 属性 ...

  2. html给自动生成的td赋值,JS 动态创建Table,Tr,Td并赋值的简单示例

    修改: 要求主题列表随成果类型改变而改变 网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table JS部分: 经测试代码如下: /** * 动 ...

  3. pgsql动态创建table

    先上SQL CREATE OR REPLACE FUNCTION createtable_urllist_withdate()RETURNS varchar AS $BODY$ declare tab ...

  4. javascript动态创建table

    function createTable(parentNode,headres,datas){//创建表格var table = document.createElement("table& ...

  5. Qt中多个动态创建的按钮同时绑定一个槽函数,判断被点击的是哪个按钮

    当动态创建按钮,每一个创建的按钮都与同一个槽函数绑定,点击按钮的时候获取被点击的按钮的文本. 代码如下: QString getClickedBtn() {outPut<<"ge ...

  6. html给自动生成的td赋值,JS动态创建Table,Tr,Td并赋值的具体实现

    成果库修改: 要求主题列表随成果类型改变而改变 网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table 概要代码如下: JS //动态获取主题 ...

  7. js 动态创建table标签下的tr标签

    使用JavaScript根据后台获取的数据进行创建table标签下的tr标签 前端页面中的标签部分代码 <table class="layui-table lay-even" ...

  8. 前端小技巧:js 动态创建table标签下的tr标签

    使用JavaScript根据后台获取的数据进行创建table标签下的tr标签 前端页面中的标签部分代码 <table class="layui-table lay-even" ...

  9. django orm原理_django 动态创建一个模型的多个table name, 并通过 Django ORM 操作

    动态创建table, 并通过 Django ORM 操作. 动态的创建表 动态的创建模型其实就是在运行时生成 Model 类, 这个可以通过函数实现, 通过传参(今天的日期, 如: 20181211) ...

  10. [原]动态创建Web控件制做计算器

    最近参加了Web基础开发的培训,收获不少,做了一个练习,在后台动态创建控件制作了一个简单功能的计算器.程序中控件创建好以后,往往不能放在想要的位置,前台的布局非常麻烦,我用Table.TableRow ...

最新文章

  1. iOS 根据中文字符串排序出字母索引
  2. .Lucky后缀勒索病毒数据解密
  3. 两篇同年硕士论文高度雷同!电子科技大学回应:启动调查!
  4. 【OpenCV 例程200篇】19. 图像的圆形遮罩
  5. C++——析构函数为什么要为虚函数
  6. 添加mysql组合主键_mysql怎么添加复合主键?
  7. 高甜预警|甜齁你的情人节促销海报设计模板
  8. 文本框获取焦点时,去掉边框
  9. 如何使用git merge --squash?
  10. python支持esc退出_听说你不会用mac电脑装Python?看了这篇文章,秒懂!
  11. 14.段落排版--行间距(行高)
  12. python同花顺实时_python同花顺自动交易_基于python的炒股软件
  13. 创建Excel,加柱状图
  14. 基于深度区域的金字塔神经网络用于铝合金表面各种缺陷的自动检测和多分类—论文笔记
  15. mysql逻辑删除案例_实现数据逻辑删除的一种方案
  16. 陀螺传感器的原始数据
  17. 教你如何进行嵌入式网络模块的联网操作
  18. 供应链库存管理-库存控制策略
  19. 喜欢吃鱼的朋友一定要转哦
  20. 基于vue的图片剪裁工具vue-croppe

热门文章

  1. linux 设置tomcat快捷启动方式
  2. php分页查询·······类
  3. vm12 pro 安装radhat6.3
  4. 如何判断两物体加速度相等_高中物理知识点总结解题技巧:关联物体问题的求解方法...
  5. Disruptor 极速体验
  6. 异步分段处理海量数据
  7. NetBeans在Apache基金会取得的进展
  8. 使用PS创造非凡动物形象
  9. Anaconda 安装 OpenCV 遇到的问题
  10. PlayWidget