IE6-9中tbody.innerHTML不能赋值问题；SCRIPT600:该操作的目标元件无效

最新推荐文章于 2021-06-03 19:59:39 发布

JYX8

最新推荐文章于 2021-06-03 19:59:39 发布

阅读量4.3k

点赞数 2

分类专栏： javascript 文章标签： javascript 浏览器

本文链接：https://blog.csdn.net/J_Y_X_8/article/details/51075936

版权

javascript 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

IE6-IE9中tbody的innerHTML不能赋值.

获取时所有浏览器都弹出了tr的字符串，但设置时IE6-9不支持，而且报错，如图

这里写图片描述

解决方案：

1. 可以换个添加属性，如：appendChild,

         tbody.appendChild = "<tr></tr>"

2. 添加判断

          var s = navigator.userAgent.toLowerCase();
          var BrowserInfo = {
                IsIE: /*@cc_on!@*/false,
                IsIE9Under: /*@cc_on!@*/false && (parseInt(s.match(/msie (\d+)/)[1], 10) <= 9),
            };

    if( BrowserInfo.IsIE9Under  ){
        tbody.appendChild = "<tr></tr>";
    }else{
        tbody.innerHTML = "<tr></tr>";
    }


3. 包装整个table

        var table = "<table><tbody><tr></tr></tbody></table>"   
         div.innterHTML = table;
       将最外层table也纳入到字符串中，使用div.innerHTML