Microsoft Edge 控制台中的 javascript 错误

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>