![Why Does `this.style[property]` Return an Empty String for Inherited Styles?](https://img.php.cn/upload/article/000/000/000/173327983640666.jpg)
访问 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中文网其他相关文章！
