在JavaScript中获取元素样式表样式可以使用window.getComputedStyle()
方法。这个方法可以获取到元素的所有计算后的样式,包括内联样式、外部样式表和浏览器默认样式。
示例代码:
const element = document.getElementById('example');
const style = window.getComputedStyle(element);
const backgroundColor = style.backgroundColor;
const fontSize = style.fontSize;
在这个示例中,我们首先通过document.getElementById()
方法获取到了一个元素,然后使用window.getComputedStyle()
方法获取到了这个元素的计算后的样式。最后,我们可以通过style.backgroundColor
和style.fontSize
分别获取到元素的背景颜色和字体大小。
需要注意的是,window.getComputedStyle()
方法返回的是一个只读的CSSStyleDeclaration对象,我们不能直接修改元素的样式。如果需要修改元素的样式,可以使用element.style
属性。
云+社区沙龙online第5期[架构演进]
云+社区技术沙龙[第8期]
小程序·云开发官方直播课(数据库方向)
小程序云开发官方直播课(应用开发实战)
云+社区技术沙龙[第6期]
Elastic 中国开发者大会
云+社区技术沙龙 [第30期]
领取专属 10元无门槛券
手把手带您无忧上云