发现是在IE6-IE9下,下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的

table ID="zhutiTable"

html2="<tr></tr>"; 的数据

setTableInnerHTML(document.getElementById(‘zhutiTable‘), html2);

function setTableInnerHTML(table, html) {//table 为table对象,html为生成的html字符串

  if (navigator && navigator.userAgent.match(/msie/i)) {

    var temp = table.ownerDocument.createElement(‘div‘);

    temp.innerHTML = ‘<table>‘ + html + ‘</table>‘;//注意此处传进来的html变量包含“<tbody></tbody>”标签  如果HTML变量中没有 则为 ‘<table><tbody>‘ + html + ‘</tbody></table>‘

    table.replaceChild(temp.firstChild.firstChild, table.tBodies[0]);//用生成的div中table的tbody替换原table中的tbody

// table.appendChild(temp.firstChild.firstChild);   //用于添加 tr 到 到已生成好的table 中

  } else {

    table.innerHTML = html;

  }

}

获取 table  中 的tbody   赋值

// var oTBODYData = document.getElementById(‘zhutiTable‘).tBodies.item(0);
// oTBODYData.innerHTML+=html2;

时间: 2024-10-19 16:23:36

发现是在IE6-IE9下,下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的的相关文章

IE6/IE7下:inline-block解决方案(转)

原文地址:http://blog.sina.com.cn/s/blog_60b35e8301019hk2.html 1.inline元素(比如span,em等)的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的:直接贴代码:<div class="list">  <span>无标题文档无标题文档</span>  <sp

兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position:relative属性的子元素

IE6/7下带有overflow:hidden属性的父级元素包不住带有position:relative属性的子元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 200px; height: 200px; bord

块级元素IE6/IE7下inline-block解决方案

转:块级元素IE6/IE7下:inline-block解决方案 IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的: 对象呈递为内联对象,但是对象的内容作为块对象呈递.旁边的内联对象会被呈递在同一行,允许空格.(准确地说,应用此特性的元素现为内联对象,周围元素保持在同一行,但可

兼容性—IE6下浮动元素和定位元素并列,定位元素消失

浮动元素和定位元素同级,定位元素消失,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 400px; height: 400px; position: relative; border:1px solid b

兼容性—IE6/7下当li里面的元素都浮动,li之间会产生4px的缝隙

代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul{ margin: 0px; padding: 0px; width: 300px; list-style: none; } li{ height: 30px; line-heig

WebUploader IE9下报错

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在项目中,推荐并一直在使用WebUploader进行文件上传业务开发. 当然由于一些人为的使用不当,也会导致一些小问题.小记下. 1.WebUploader IE9下报错,具体报了哪一行错误忘记了,错误是flash内部的一个上传方法不存在. a.遇到错误,调试到对应行时,第一感觉就是这个问题无解,以为是IE9下有BUG,但是想想网上也没有相关的说法并且项目中IE9下面

为什么IE6浏览器下line-height属性不管用了

为什么IE6浏览器下line-height属性不管用了:建议:尽可能的手写代码,可以有效的提高学习效率和深度.并不是所有的情况都会导致line-height属性在IE6浏览器下失效, 而是在特定条件才会遇到.例如以下代码就是正常的: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http

opacity在IE6~8下无效果,解决的办法

opacity在IE6~8下无效果,解决的办法 问题出现时rgba()在ie6下不出效果,最后查到是opacity的问题. opacity是css3时出现的,目前主流浏览器都支持.but老IE是个麻烦的问题. 查找网络后,发现解决办法大多都没用了. filter:alpha(opacity=50);     X 总结网上经验: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset='utf-8'> 5 <

IE6/IE7下margin-bottom失效兼容解决办法及双倍边距问题

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-04-08) 一.IE6/IE7下margin-bottom失效兼容解决办法 1.用padding-bottom代替:2.在父标签中加入overflow:hidden:或zoom:100%示例代码: 不正常显示 ul{} li{ list-style:none; float:left; margin:10px;} 1. 你会发现左边10px 变成20px了, 解决办法:在li的CSS中加入:display:inline