标签:
cssText 的本质就是设置 HTML 元素的 style 属性值
cssText 的方便之处在于一次可以写很多属性,而且变更 CSS 样式不必变 JS 代码,只需变样式字符串。但它有个缺点,就是它会覆盖掉前面的属性。
例子:
<div id="d1">test</div> <script type="text/javascript"> document.getElementById("d1").style.width="100px"; document.getElementById("d1").style.cssText = "color:red; font-size:13px;text-decoration:underline;"; alert(document.getElementById("d1").style.cssText); </script>
上例中test的颜色为红色,字号13px;有下划线,但是宽度不是100px;因为被覆盖掉了
cssText用法
<div id="d1">test</div> <script type="text/javascript"> var od1=document.getElementById(‘d1‘); od1.style.color="#fff"; od1.style.backgroundColor="#c66"; od1.style.width="100px"; od1.style.fontSize="14px"; </script>
改写
<div id="d1">test</div> <script type="text/javascript"> var od1=document.getElementById(‘d1‘); od1.style.cssText="color:#fff;background-color:#c66;width:100px;font-size:14px;"; </script>
节省了代码。
但是在IE6、7、8下会有问题
标签:
原文地址:http://www.cnblogs.com/MissBean/p/4218661.html