首页 > 代码库 > cssText
cssText
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下会有问题
cssText
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。