关于cssText的用法总结

本质：

设置html的style的属性值。

用法：

document.getElementById("id").style.cssText="color:red;font-size:13px;"

返回值：

有些浏览器是赋什么值就返回什么，IE会有格式的变化。

优势：

利用js来复写对象的样式，代码多，而且是典型的销毁并重建的过程，这样会增加浏览器的开销。

问题：

会把原来的cssText给消除掉，比如原来有 display:none,重新用cssText会把display给消除掉，为了解决这个问题，可以采用cssText累加的方法：

Element.style.cssText += ‘width:100px;height:100px;top:100px;left:100px;’

也可以在前面添加一个分号来解决这个问题：

Element.style.cssText += ‘;width:100px;height:100px;top:100px;left:100px;’

注意：

前面样式表文件中的内容不会被覆盖，因为它不是直接作用于HTML的style属性。