Node#setAttribute的一些问题

一直以来IE对DOM中setAttribute方法的支持一直存在着一些问题,毫无疑问我们可以用setAttribute方法为任何一个Node添加和修改一个属性,但是事实上很多时候这个属性不并能真正进入DOM实现它本身的功能。

之前我曾经写过一篇关于为Element绑定事件方法的文章,当时就发现在IE7中,虽然用setAttribute("onclick","hello();")方法确实可以将onclick写入DOM(这一点可以用微软的IEDevToolBar看出来,如果它没有骗我们的话),但是触发click事件的时候并没有响应。同样的方法在Firefox上是完全可行的。当时我认为hello或许是一个Function类型的值,因而不能得到响应。但是这个观点看来是错误的。

昨天有一次使用了setAttribute方法,这次是setAttribute('class','more'),毫无疑问className是一个字符串类型。但是发生在IE上的事情和上次一样,DOM写入了,但是并没有真正被解析器解析为一个css类选择器的调用。

其实本来在JavaScript中讨论数据类型意义就是不大的,因为它是弱类型。问题的主要原因是处在IE对setAttribute的支持不足。IE只能将setAttribute传入的属性和属性值写入DOM,但是并不与渲染引擎相关联,它的表现仅仅是一个文本形式的名值对。

因此,要使用类似的功能,可以使用HTML DOM中的一些特殊属性值来进行设置。比如在HTML DOM中,包含onclick和className这两个可读可写的属性,只要直接给这两个属性用“=”赋值即可。IE对于这种方法是完全支持的,并且这种方法也符合W3C的HTML DOM相关标准。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值