当前位置:Gxlcms > JavaScript > IE6-IE9中tbody的innerHTML不能赋值的解决方法_javascript技巧

IE6-IE9中tbody的innerHTML不能赋值的解决方法_javascript技巧

时间:2021-07-01 10:21:17 帮助过:6人阅读

IE6-IE9中tbody的innerHTML不能赋值,重现代码如下

Js代码

两个按钮,第一个获取tbody的innerHTML,第二个设置tbody的innerHTML。

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

可以利用特性判断来看浏览器是否支持tbody的innerHTML设值

点击下,看看你此时浏览本博客的浏览器是否支持

Click Me

对于IE6-IE9里如果要设置tbody的innerHTML,可以使用如下替代方法

Js代码

用一个div来包含一个table,然后删除tbody里的所有元素,最后给tbody添加div的第一个元素的第一个元素,即div>table>tr。

当然还有一个更精简的版本,它直接采用replaceChild方法替换

Js代码

人气教程排行