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

获取 样式值时未调用 getcomputedstyle

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

console.log(sidebarright.style.top);

登录后复制

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

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

立即学习“”；

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

登录后复制

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

以上就是如何获取 CSS 样式表中定义的元素样式值？的详细内容，更多请关注GTHOST其它相关文章！