javascript - 为什么`getComputedStyle`不返回 anchor 标记的“内联”？

我的理解是anchor tag is inline by default。那么，以下代码为什么返回这些意外结果？

var aTag = document.createElement('A');
document.defaultView.getComputedStyle(aTag).display
// Chrome: ""
// Firefox: "block"

我想念什么？

最佳答案

除非您将锚放置在DOM中，否则它不会具有计算出的样式，因为尚未应用浏览器的本地样式表

var aTag = document.createElement('a');
document.body.appendChild(aTag);
var d = window.getComputedStyle(aTag).display;

// now returns inline in chrome

FIDDLE