如何获取 CSS 样式表中定义的元素样式值?
获取 css 样式值时未调用 getcomputedstyle
在给出的代码中,开发者尝试获取元素的 top 样式值:
console.log(sidebarright.style.top);
但是,sidebarright.style 返回的是一个 cssstyledeclaration 对象,该对象仅包含内联样式值。如果元素的样式是通过外部样式表定义的,则 sidebarright.style 将不会包含该样式值。
要获取元素的实际 top 样式值,需要使用 getcomputedstyle 方法。例如:
var topValue = window.getComputedStyle(sideBarRight).getPropertyValue('top');
获取实际值后,就可以将其修改为所需的偏移量。