如何获取 CSS 样式表中定义的元素样式值？

欢迎各位小伙伴来到golang学习网，相聚于此都是缘哈哈哈！今天我给大家带来《如何获取 CSS 样式表中定义的元素样式值？》，这篇文章主要讲到等等知识，如果你对文章相关的知识非常感兴趣或者正在自学，都可以关注我，我会持续更新相关文章！当然，有什么建议也欢迎在评论留言提出！一起学习！

获取 css 样式值时未调用 getcomputedstyle

在给出的代码中，开发者尝试获取元素的 top 样式值：

console.log(sidebarright.style.top);

但是，sidebarright.style 返回的是一个 cssstyledeclaration 对象，该对象仅包含内联样式值。如果元素的样式是通过外部样式表定义的，则 sidebarright.style 将不会包含该样式值。

要获取元素的实际 top 样式值，需要使用 getcomputedstyle 方法。例如：

var topValue = window.getComputedStyle(sideBarRight).getPropertyValue('top');

获取实际值后，就可以将其修改为所需的偏移量。

本篇关于《如何获取 CSS 样式表中定义的元素样式值？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！