关于如何解决VML在IE8下不能使用setAttribute设置vml dom的属性
当我们使用js去创建vml dom节点时,发现在IE8下使用setAttribute设置属性不能生效,很是郁闷。
?
有人说提供了解决方式如下:
在IE6,7下可以使用setAttribute,例如dom.setAttribute("stroke")
IE8下使用点运算符可以做到,例如 dom.stroked="f"
?
dom.stroked="f"这种方式有个缺陷,就是你要事先知道要修改哪个属性。
?
我们在创建vml dom对象时一般会这样些
?
var attr = {?
??? stroked:"f"
??? fillcolor:"red"
}
for(var k in attr){
??? dom.setAttribute(k,attr[k]);
}
采用点的方式,就不太方便了
?
IE8下不能采用setAttribute的具体表现是,当你先创建一个裸的dom(就是什么属性都没有指定),让后appendChild到parent中后,你在setAttribute修改dom属性时,IE8会没有反应,其实只要调整一下顺序就可以了,就是,创建dom后,先setAttribute,最后在appendChild到parent中,这样就有反应了
?
?
学习VML确实比较痛苦,尤其是学过SVG后再学VML。
?
我的感觉就是VML什么问题都有可能发生,但它也能做到你需要的效果,只是方式往往和我们想的不一样。
?
?
?
?
?