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对象的属性值永远是一个字符串,必须放在单引号或者双引号中,支持速记样式。