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

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值