js基础——cssText

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