一直以来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相关标准。
分享到:
评论