为什么 JavaScript 中 `this.style[property]` 有时会返回空字符串？

为什么 'this.style[property]' 返回空字符串？

在 JavaScript 程序中，访问 'this.style [property]' 属性可能会导致空字符串。当尝试检索 CSS 样式表中设置的样式的值时，可能会发生这种情况。

“this.style[property]”属性旨在访问内联样式，这些样式是直接设置的样式使用“style”属性到 HTML 元素。它不会获取外部或嵌入式 CSS 样式表中定义的样式。

要解决此问题，请使用 getCompulatedStyle() 函数。此函数计算元素的组合样式，包括样式表定义的样式：

const element = document.getElementById('myId');
const style = getComputedStyle(element);
console.log(style.height); // "100px"

在此示例中，“getComputedStyle()”函数用于检索元素的“height”属性。控制台将输出值“100px”，它代表样式表中定义的高度。

因此，'this.style[property]'虽然对于访问内联样式很有用，但不适合获取定义的样式在 CSS 样式表中。利用“getComputedStyle()”检索元素的有效样式，包括所有源。

以上是为什么 JavaScript 中 `this.style[property]` 有时会返回空字符串？的详细内容。更多信息请关注PHP中文网其他相关文章！