码迷,mamicode.com
首页 > Web开发 > 详细

cssText

时间:2015-01-12 17:26:06      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

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

标签:

原文地址:http://www.cnblogs.com/MissBean/p/4218661.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!