Question

当我使用style.etc行时，Microsoft edge会显示此错误

{"notifyType":"consoleItemLog","message":{"message":"","styles":"","hasFormatString":true,"fileUrl":"file:///C:/Users/wed/Documents/newVogel/js/Myscript.js","lineNumber":8,"columnNumber":9}}

我尝试了几乎所有元素，并使用了getelementbyclassname和elementbyid，但也没有解决

console.log(document.getElementsByClassName("top_header_area")[0].style.height);

当我使用getattribute时，它返回null。

Answer 1

您如何应用样式height？ getAttribute和style只能获得内联样式。如果要获取内部样式表，则应使用getComputedStyle。您可以检查我的示例代码以查看区别。

内联样式：

var banner = document.getElementById("fixed_section");
console.log(banner.getAttribute("style"));
console.log(document.getElementsByClassName("top_header_area")[0].style.height);

<div class="top_header_area" id="fixed_section" style="height:100px"></div>

内部样式表：

var banner = document.getElementById("fixed_section");
console.log(window.getComputedStyle(banner, null).height);

#fixed_section{
    height:100px;
}

<div class="top_header_area" id="fixed_section"></div>

Micro Soft Edge控制台中的javascript错误

1 个答案: