为什么'this.style[property]”为继承的样式返回空字符串？

理解 this.style[property] 的空字符串返回

访问 HTML 元素的 style 属性时，使用语法 this.style[property]，需要注意的是，它只返回直接应用于元素本身的样式。不包括从外部样式表继承的样式或从级联规则计算的样式。

在提供的代码片段中：

function css(prop, value) {
  if (value == null) {
    // retrieve style
    return this.style[prop]; // returns an empty string
  }
  // set style
}

调用 element.css("height") 将返回一个空字符串，因为高度样式在外部样式表中定义。应用于元素的内联样式（背景：#CCC）与此处无关。

如何检索计算的样式信息

检索样式的有效值，包括继承或计算的样式，使用 getComputedStyle() 函数：

const style = getComputedStyle(element);
console.log(style.height); // returns "100px"

以上是为什么'this.style[property]”为继承的样式返回空字符串？的详细内容。更多信息请关注PHP中文网其他相关文章！