把所有的的解决方案不能分配在IE6-IE9

把所有的的解决方案不能分配在IE6-IE9
在IE6-IE9不能TBODY innerHTML被分配,和再现的代码如下

JS代码

tbody的innerHTML在IE6-IE9不能复制错误

AAA
捷先
VaR tbody = document.getelementsbytagname('tbody){ 0 }
功能settbody(){
tbody.innerhtml = {BBB}
}
功能gettbody(){
警报(TBODY .innerHTML)
}
btn1.onclick =函数(){
gettbody()
}
btn2.onclick =函数(){
settbody()
}
两个按钮,得到的tbody innerHTML第一、第二套都innerHTML。

所有的浏览器都出现了TR的字符串时获得的,但ie6-9不支持设置是错误的,如图
您可以使用特征的判断看浏览器是否支持组都innerHTML
无功isupporttbodyinnerhtml =函数(){()
无功表= document.createelement(}})
VaR tbody = document.createelement('tbody)
table.appendchild(把)
真的
尝试{
tbody.innerhtml =
} catch(e){
嘘= false
}
返回嘘
(})
警报(isupporttbodyinnerhtml)
点击查看您的浏览器此时是否支持此博客。

点击我
下面的选择可以如果你想设置TBODY用于innerHTML在IE6-IE9

JS代码
功能settbodyinnerhtml(tbody,HTML){
var div = document.createelement('div)
div.innerhtml =+ HTML +
而(tbody. firstChild){
tbody.removechild(TBODY。第一个孩子)
}
tbody.appendchild(div.firstchild。第一个孩子)
}
使用DIV包含一个表,然后删除在把所有元素,并添加div来把第一个元素的第一个元素,即div >表> TR.

当然,还有一个更精简的版本,这是直接替代方法作用

JS代码
功能settbodyinnerhtml(tbody,HTML){
var div = document.createelement('div)
div.innerhtml =+ HTML +
tbody.parentnode.replacechild(div.firstchild.firstchild,tbody)
}
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部