JS --- 对style属性的操作

Posted 2021-01-03 zhuoshen

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>