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

JS --- 对style属性的操作

时间:2018-09-03 13:44:58      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:nbsp   语法   width   back   LEDE   css   通过   属性   直接   

oBox.style 获取的是 CSSStyleDeclaration 对象。

style.cssText获取的是 最终 完整 的css文本。

通过 style.width 等手段获取具体的样式值,如果类似background-color,则 去掉连接符后边单词的字母大写 (backgroundColor)。

设置 style 的具体属性 点语法 直接赋值。

设置 float 的属性:低版本ie 678下 使用 styleFLoat ; 高版本ie和其他浏览器 使用 cssFloat

 

<div id="box"></div>
<script type="text/javascript">
        oBox.style.height = "100px";
        oBox.style.width = "100px";
        oBox.style.backgroundColor = "blue";
        //oBox.style = "border:5px solid yellow;";
        oBox.style.cssText  = "border:5px solid yellow;"+ oBox.style.cssText;
        oBox.style.cssFloat = "right";
</script>

 

JS --- 对style属性的操作

标签:nbsp   语法   width   back   LEDE   css   通过   属性   直接   

原文地址:https://www.cnblogs.com/zhuoshen/p/9577705.html

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