读写HTML DOM style对象属性

1、style对象属性的相关语法

style对象代表一个单独的样式声明。可从应用样式的文档或元素读取和设置style对象的属性值，使用style对象属性的语法如下：

document.getElementById("id").style.property="值";

对象代表一个单独的样式声明，其语法为element.style.property=“值”，style对象支持的属性有背景、边框和边距、布局、列表、杂项、定位、打印、滚动条、表格、文本和标准属性（dir、lang、title）。

2、style相关的属性名

在使用“style.属性名"设置元素声明时，元素的样式属性带有一个或者多个"-“连接符时，就与JavaScript语言的剑法操作符冲突，JavaScript会解释为减号，不能再用作属性名称，需改写为驼峰命名法，把样式属性名称中的”-“移除，将”-"后的字母大写，如font-size改写为fontSize，font-family改写为fontFamily，margin-top-width改写为marginTopWidth。

在大多数情况下，都可以通过上面的规则简单地转换属性名，但float不能直接转换，因为float是JavaScript的保留字，因此不能用作属性名，Firefox、Safari、Opera和Chrome都支持DOM2级规定的样式名cssFloat，而IE支持的则是styleFloat。

3、style对象属性的作用

（1）读取样式。
（2）写入样式。通过style属性来获取和设置样式的语法为：

element.style.property=value

value对象的属性值永远是一个字符串，必须放在单引号或者双引号中，支持速记样式。