IE下table的innerHTML无效的处理方法

之前碰到一个处理列表，为了效率起见决定对table赋值innerHTML,但是发现在IE下无效，想起来很久之前就碰到这个问题，印象中加个tbody就可以了，没想到加了tbody还是无效，赋值的时候都会报脚本错误，难道我记错了，没办法，用了另外的办法, 详细如下：

var docTable = document.getElementById('table1');//找到要使用innerHTML的table

var trHtml = '<tr><td>标题1</td><td>标题1</td></tr>';//当然如果本来就只有几行数据就没必要用innerHTML了，这里只是为了演示

var newDiv = document.createElement('div');
newDiv.innerHTML = '<table></tbody>'+trHTML+'</tbody></table>'//既然不能给table使用innerHTML，我给新创建的div的innerHTML赋值还不行吗？

var newTbody = newDiv.childNodes[0].tBodies[0];
var oldTbody = docTable.tBodies[0];
docTable.replaceChild(newTbody, oldTbody);//用替换子节点的方式来赋值，这样也只要操作一次，虽然多了一个创建div的步骤，但是因为我们没有将其添加到body中，所以不会影响页面的渲染，速度还是很快

其它只读的innerHTML还有COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR, SELECT 元素

转载于:https://www.cnblogs.com/fuyun2000/archive/2012/03/31/2427816.html

IE下table的innerHTML无效的处理方法相关推荐

表格Table宽度设置无效的解决方法
表格Table宽度设置无效的解决方法参考文章: (1)表格Table宽度设置无效的解决方法 (2)https://www.cnblogs.com/sherryweb/p/11659848.html ...
Linux下cp命令 -f无效的解决方法
关于Linux的拷贝命令我们都知道cp的参数 -f的意思是: -f, --force if an existing destination file cannot b ...
IE8,9,10下table th不显示边框解决方法
th, td{ background-clip: padding-box; /*背景被裁剪到内边距框*/ position:relative; /*可以不要*/ } /*IE下input自带删除功能键 ...
ie8下table th和td宽度width设置不生效解决办法
ie8下table th和td宽度有时候设置无效,不按设定的宽度显示,怎么办? 这种情况一般分为两种: 第一种,某td的内容很多,需要换行,将td撑开了.这种情况还比较好处理,只要给td设置css属性 ...
table下tbody滚动条与thead对齐的方法且每一列可以不均等
1 前言 table下tbody滚动条与thead对齐的方法,开始在tbody的td和thead的tr>td,对每一个Item加入百分比,结果是没对齐.也尝试了用bootstrap的col-md ...
社会化分享bshare代码在网站中的使用（包括https下无效的解决方法）
一.代码的安装与放置在bshare中选择好自己喜欢的代码样式之后,将代码复制进网站中放入代码后,就会出现分享按钮.如果想要关键词和按钮平行显示的话,可利用table进行放置显示结果如下:乌克兰玛 ...
Linux下MySql出现#1036 – Table ‘ ‘ is read only 错误解决方法
Linux下MySql出现#1036 – Table ' ' is read only 错误解决方法参考文章: (1)Linux下MySql出现#1036 – Table ' ' is read o ...
Ubuntu Linux 下文件名乱码（无效的编码）的快速解决办法
Ubuntu Linux 下文件名乱码(无效的编码)的快速解决办法文件是在WIndows 下创建的,Windows 的文件名中文编码默认为GBK,而Linux中默认文件名编码为UTF8,由于编码不 ...
WCF技术剖析之六：为什么在基于ASP.NET应用寄宿（Hosting）下配置的BaseAddress无效...
WCF技术剖析之六:为什么在基于ASP.NET应用寄宿(Hosting)下配置的BaseAddress无效原文:WCF技术剖析之六:为什么在基于ASP.NET应用寄宿(Hosting)下配置的Bas ...

IE下table的innerHTML无效的处理方法

IE下table的innerHTML无效的处理方法相关推荐

最新文章

热门文章