php中文网

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

php中文网

获取 css 样式值时未调用 getcomputedstyle

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

console.log(sidebarright.style.top);

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

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

立即学习“前端免费学习笔记(深入)”;

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

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

以上就是如何获取 CSS 样式表中定义的元素样式值?的详细内容,更多请关注php中文网其它相关文章!