当我尝试在 JavaScript 中使用 getCompulatedStyle 获取元素属性(例如“max-block-size”)时,我得到“none”。但是当我查看开发工具中的计算属性时,我可以看到它们具有实际值。我使用 Less 处理样式。当我将 Less 转换为 CSS 时,我的脚本工作正常。
const someElement = document.getElementById('element');
const styles = getComputedStyle(someElement);
const maxBlockSize = styles.getPropertyValue('max-block-size');
console.log(maxBlockSize);
PS。我使用 VSC + 实时预览 聚苯硫醚。 github
试试这个
const someElement = document.getElementById('element');
const styles = window.getComputedStyle(someElement);
const maxBlockSize = styles.getPropertyValue('max-block-size');
console.log(maxBlockSize);