您的位置:首页 > Web前端 > HTML

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

2016-04-06 16:19 561 查看
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 浏览器