JS控制的style对象 实际就是内联样式style,这个没错,但是对于 JS控制style对象属性值里增加的!important 三个浏览器却给出了不同的结果:
-
IE:JS控制style对象属性值完全覆盖内联style属性值,不支持Element.style.property=“value !important”,将报错:参数无效。
-
FF2+:不完全支持Element.style.property=“value !important” : !important无效,不会报错, 如果内联style属性值无!important,则完全覆盖,有!important 则内联style属性优先级最高,不会受JS控制style的任何影响。
-
Opera9+ :JS控制style对象属性值完全覆盖内联style属性值,支持Element.style.property=“value !important”。
-
Safari:支持Element.style.property=“value !important” ,如果内联style属性值无!important,则完全覆盖,有!important 则内联style属性优先级最高,不会受JS控制style的任何影响。
1、IE浏览器内核:Trident内核,也是俗称的IE内核;
2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;
3、Firefox浏览器内核:Gecko内核,俗称Firefox内核; 4、Safari浏览器内核:Webkit内核;
5、Opera浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核;
6、360浏览器、猎豹浏览器内核:IE+Chrome双内核;
7、搜狗、遨游、QQ浏览器内核:Trident(兼容模式)+Webkit(高速模式); 8、百度浏览器、世界之窗内核:IE内核;
9、2345浏览器内核:以前是IE内核,现在也是IE+Chrome双内核;