欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

读写HTML DOM style对象属性

程序员文章站 2022-07-04 20:05:54
...

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

相关标签: 前端 js