关于如何解决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什么问题都有可能发生，但它也能做到你需要的效果，只是方式往往和我们想的不一样。