为什么`getComputedStyle`没有为锚标签返回“内联”?

时间:2014-02-28 15:54:12

标签: javascript css google-chrome dom

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

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

我错过了什么?

1 个答案:

答案 0 :(得分:2)

除非您将锚点放在DOM中,否则它没有计算样式,因为浏览器本机样式表尚未应用

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

// now returns inline in chrome

FIDDLE