读写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对象的属性值永远是一个字符串,必须放在单引号或者双引号中,支持速记样式。
上一篇: CSS选择器类型
下一篇: JavaScript(函数与预解析)
推荐阅读
-
求问w3c html dom的api在哪里下载?高分求教!每次写属性方法都乱试,很耗时间_html/css_WEB-ITnose
-
HTML DOM Window对象_html/css_WEB-ITnose
-
Vue监听对象属性失效原因分析及dom渲染问题出现分析
-
遍历DOM对象内的元素属性示例代码_javascript技巧
-
JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose
-
html怎样使用style添加属性
-
Dom属性和HTML属性的区别解析
-
JavaScript HTML 的 DOM 属性总结(代码实例)
-
Angular--HTML属性绑定和DOM属性绑定
-
反射机制读写对象的属性Field