为什么在主样式表中设置时 myDiv.style.display 返回空白？

在主样式表中设置时，myDiv.style.Display 返回空白

使用 myDiv.style 设置 div 元素的显示样式时。显示 (JavaScript)，如果主样式表中的显示样式设置为 none，则预期行为会返回空白字符串。出现这种情况是因为 JavaScript 无法直接访问计算样式，即通过 CSS 规则应用的样式。

要解决此问题并检索准确的显示样式，建议使用 getCompulatedStyle() 方法。此方法允许访问元素的计算样式，包括主样式表中定义的样式。

以下是如何使用 getCompulatedStyle() 的示例：

function getStyle(id, name) {
    var element = document.getElementById(id);
    return element.currentStyle ? element.currentStyle[name] : window.getComputedStyle ? window.getComputedStyle(element, null).getPropertyValue(name) : null;
}

var display = getStyle('myDiv', 'display');
alert(display); // Will print 'none' or 'block' or 'inline' etc.

通过利用 getCompulatedStyle() ，您可以准确地检索元素的显示样式，即使它是在主样式表中设置的。这可以确保使用 JavaScript 切换显示样式时功能正常。

以上是为什么在主样式表中设置时 myDiv.style.display 返回空白？的详细内容。更多信息请关注PHP中文网其他相关文章！