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

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

你可能感兴趣的:(JavaScript,浏览器)