爲什麼在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屬性。