以前,只知道设置css里的属性都是通过 元素.style.属性名 = 属性值 的方式,此时经常遇到的情况就是类似这样:
var
head= document.getElementById(
"head"
);
head.style.width =
"200px"
;
head.style.height =
"70px"
;
head.style.display =
"block"
;
...
很麻烦,今天才知道,cssText可以帮我们简化很多,它是这样的:
var
head= document.getElementById(
"head"
);
head.style.cssText=
"width:200px;height:70px;display:bolck"
;
一行!!并且各个浏览器兼容性也还不错!它是通过覆盖样式来实现的,所以如果你要通过此方法来改变样式中的一个属性,那么虽然只是改变一个属性,但是你还是需要把其他不需要改变的属性也写上!
另外,他改变的是行内样式,也就是说,如果你把它设置成空的时候,如果在内嵌或者外链的样式中设置了该元素的css样式,则该元素将显示在内嵌或者外链中设置的样式!