IE6、IE7、IE8 对页面元素属性 style的特殊处理导致JavaScript方面的问题:
经过往style中添加样式,在通过js取样式值时发现,style对应的值已经发生了变化。
如下所示:
页面值:<td style="display:none"></td>
js取值之后,style属性的值: DISPLAY: none。
可以看出IE在处理style时,将类似于 key:value 的格式转化为了 KEY: value的格式,
1)将左边的key大写
经过往style中添加样式,在通过js取样式值时发现,style对应的值已经发生了变化。
如下所示:
页面值:<td style="display:none"></td>
js取值之后,style属性的值: DISPLAY: none。
这样在某些特殊情况下,就需要我们处理掉中间的空格,
处理前:
处理后:
总结:
可以看出IE在处理style时,将类似于 key:value 的格式转化为了 KEY: value的格式,
1)将左边的key大写
2)key和value之间用 ‘:’外加一个空格‘ ’分隔。