700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > DOM获取 修改元素CSS样式的方法

DOM获取 修改元素CSS样式的方法

时间:2024-01-20 12:18:52

相关推荐

DOM获取 修改元素CSS样式的方法

(1)element.style

element.style读取的只是元素的行内样式,即写在元素的 style 属性上的样式;

element.style既支持读也支持写,通过element.style即可改写元素的样式。

(2)window.getComputedStyle(element, pseudoElement 获取伪类元素,可选)

getComputedStyle读取的样式是最终样式,包括了行内样式内部样式外部样式

getComputedStyle仅支持读并不支持写入。可以通过使用getComputedStyle读取样式,通过element.style修改样式。

两者相同点

getComputedStyleelement.style返回的都是 CSSStyleDeclaration 对象,取相应属性值得时候都是采用的 CSS 驼峰式写法,均需要注意 float 属性。

不同点:

element.style读取的只是元素的行内样式,即写在元素的 style 属性上的样式;而getComputedStyle读取的样式是最终样式,包括了行内样式内部样式外部样式element.style既支持读也支持写,通过element.style即可改写元素的样式。而getComputedStyle仅支持读并不支持写入。可以通过使用getComputedStyle读取样式,通过element.style修改样式。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。