js基础——cssText

时间:2021-07-14 06:03:57

以前,只知道设置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样式,则该元素将显示在内嵌或者外链中设置的样式!