5

如果样式在 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

在这里提琴

4

2 回答 2

9

该style属性映射到 HTMLstyle 属性，而不是级联或计算样式。

getComputedStyle如果你想得到它，请使用。

于 2013-07-29T11:40:42.823 回答
0

当您以上述方式分配属性时，您实际上只是在修改该style元素的属性。

于 2013-07-29T11:41:04.240 回答