读写行内样式

任何支持style特性的HTML标签，在JavaScript中都有一个对应的style脚本属性。style是一个可读可写的对象，包含了一组CSS样式。

使用style的cssText属性可以返回行内样式的字符串表示。同时style对象还包含一组与CSS样式属性一一映射的脚本属性。这些脚本属性的名称与CSS样式属性的名称对应。在JavaScript中，由于连字符是减号运算符，含有连字符的样式属性（如font-family），脚本属性会以驼峰命名法重新命名（如fontFamily）。

【示例】对于border-right-color属性来说，在脚本中应该使用borderRightColor。

<div id="box" >盒子</div>
<script>
var box =  document.getElementById("box");
box.style.borderRightColor =  "red";
box.style.borderRightStyle =  "solid";
</script> 

【提示】

使用CSS脚本属性时，需要注意几个问题：

• float是JavaScript保留字，因此使用cssFloat表示与之对应的脚本属性的名称。
• 在JavaScript中，所有CSS属性值都是字符串，必须加上引号。

elementNode.style.fontFamily =  "Arial, Helvetica, sans-serif";
elementNode.style.cssFloat =  "left";
elementNode.style.color =  "#ff0000";

• CSS样式声明结尾的分号不能够作为脚本属性值的一部分。
• 属性值和单位必须完整地传递给CSS脚本属性，省略单位则所设置的脚本样式无效。

elementNode.style.width  = "100px";
elementNode.style.width = width  + "px";