JavaScript之DOM对CSS的操作
目录
操作内联样式
读取内联样式
修改内联样式
读取元素的当前样式
正常浏览器
IE8浏览器
读取样式实现所有浏览器的兼容
其它实用样式相关的属性
判断滚动条是否滚动到底
操作内联样式
使用style属性来操作元素的内联样式
读取内联样式
语法:
元素.style.样式名
示例:
div.style.width;
div.style.height
注意细节:
如果样式名中带有-,则需要将样式名修改为驼峰命名法将-去掉,然后后的字母改大写!
比如:
background-color在js操作里面应写为backgroundColor
修改内联样式
语法:
元素.style.样式名 = 样式值;
注意细节:
样式值,如宽度高度等,需要使用双引号括起来。通过style修改和读取的样式都是内联样式,由于内联样式的优先级比较高,所以通过JS来修改的样式,往往会立即生效,但是如果样式中设置了!important,则内联样式将不会生效。
读取元素的当前样式
正常浏览器
使用get
共有 0 条评论