net-IE不显示动态添加表格行

问题描述

IE不显示动态添加表格行
                document.getElementById("tb1").innerHTML = document.getElementById("tb1").innerHTML + array[0];
                document.getElementById("tb2").innerHTML = document.getElementById("tb2").innerHTML + array[1];
                document.getElementById("tb3").innerHTML = document.getElementById("tb3").innerHTML + array[2];
                document.getElementById("tb4").innerHTML = document.getElementById("tb4").innerHTML + array[3];

alert数组是有值的,四个table的innerHTML也有值,就是显示不出添加的tr行

解决方案

向表格中动态添加行
动态添加表格行
通过innerHTML动态添加表格行

解决方案二:

不能这样添加,可以采用appendChild来添加tr、td元素

解决方案三:

可以采用appendChild来添加tr、td元素

解决方案四:

使用append方法添加tr和td,不能这样写

解决方案五:

这不对,你可以用append添加,$(selector).append(content)
content必需。规定要插入的内容(可包含 HTML 标签)。使用函数在指定元素的结尾插入内容。

解决方案六:

设置innerHTML对tbody有效,不要直接在table对象上操作

 document.getElementById("tb1").getElementsByTagName('tbody')[0].innerHTML = document.getElementById("tb1").getElementsByTagName('tbody')[0].innerHTML + array[0];
时间: 2024-10-30 19:00:19

net-IE不显示动态添加表格行的相关文章

JavaScript 动态添加表格行 使用模板、标记_javascript技巧

对于复杂的操作情况,比如:添加一行之后,在这一行上还要进行相关的操作会显得有些吃力:本人比较喜欢表现层使用模板.标记填充数据的做法,于是自己做手做了个小组件,与大家一起分享. 组件运行截图: 设计思路: 在Table的thead中加入一行隐藏的行,当要添加一行时,复制一次隐藏的行,再将实例数据填充到这一行中相应的位置,填充完毕之后,再将这一行加到表格中去,整个操作完成. 模板:隐藏的行即相当于模板,当需要时复制一次模板. 标记:将模板行复制出来后,该如何填充数据? 网上比较多的组件的做法是,传递

javascript 动态添加表格行

javascript|动态 介绍如何使用javascript动态添加表格行,并对其中的方法做详细的说明 动态添加表格行 文/Ray  表格部分代码如下: <table id="testTbl" border=1> <tr id="tr1"> <td width=6%><input type=checkbox id="box1"></td> <td id="b"&

javascript如何动态加载表格与动态添加表格行_javascript技巧

一.动态加载表格 1.首先在html中为表格的添加位置设置id 即是在html的body标签内部写一个div标签表明表格要添加到此div的内部.如下 <div id="tdl"><div> 2.在javascript中写添加表格的语句 若在当前html文件中,则写在<script>标签内部,如 复制代码 代码如下: <script type="text/javascript" > document.getElement

javascript 动态添加表格行_JavaScript

表格部分代码如下: <table id="testTbl" border=1> <tr id="tr1"> <td width=6%><input type=checkbox id="box1"></td> <td id="b">第一行</td> </tr> <tr id="tr2"> <td

jquery动态表格,动态添加表格行

效果图: Html:<html> <head>     <title>jquery表格操作</title>     <script language="javascript" src="jquery.table.tr.js"></script>     <style type="text/css">         table         {         

js在不刷新的情况下动态添加表格行[脚本之家强烈推荐]_表单特效

添加产品品种数: 产品编号 产品名称 数量 单价

jQuery实现html表格动态添加新行的方法_jquery

本文实例讲述了jQuery实现html表格动态添加新行的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea

ITOO---MVC3.0动态添加表格的行数并Controller中获取添加数据

MVC3.0动态添加表格的行数并Controller中获取添加数据            最近由于项目的中的相关需求,需要在MVC的视图中动态的添加添加数据的行数,并将前台输入的多行数据在Controller中获得传回服务端.本文将介绍如何从MVC的View端动态添加数据行数并将输入的数据在Controller中获得.            问题分析          一.设计前台显示页面(View).            视图中样式 @*添加上课班信息窗口*@ <div id="Add

jQuery实现html表格动态添加新行的方法

  本文实例讲述了jQuery实现html表格动态添加新行的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict