为什么在CSS上声明显示时，element.style.display为空

Question

为什么在CSS中声明样式时该JS返回空白，并且在声明为内联时效果很好？

//html 
<img id="myImg" src="http://jsfiddle.net/favicon.png" /> 
<img id="myImg2" src="http://jsfiddle.net/favicon.png" style="display:none;" /> 

/css 
#myImg { 
    display:none; 
} 

//vanilla JS 
var el = document.getElementById('myImg'); 
var el2 = document.getElementById('myImg2'); 
console.log(el.style.display); // blank 
console.log(el2.style.display); // 'none' - as expected 

Fiddle here

Answer 1

的style属性映射到HTML style属性，而不是级联或计算的风格。

使用getComputedStyle如果你想得到的。

Answer 2

以上述方式分配属性时，基本上只是修改该元素的style属性。