获得div不透明度

Question

我有一个简单的div，我希望通过JavaScript获得不透明度。

我目前这样做：

var d = document.getElementById('1').style.opacity;
    console.log(d); //blank

但是console.log中的结果是一个空行。我是否需要在CSS文件中专门设置不透明度，或者它是默认的吗？

我的HTML＆amp; CSS：

.room{    
    width:90%;
    height:75px;
    border-radius:3px;
    text-align:center;
}

---

<div class="room" id="1">
       //content
</div>

为什么收到空白结果？

Answer 1

使用

var d = window.getComputedStyle(document.getElementById('1')).opacity

取代

var d = document.getElementById('1').style.opacity;

这将在应用活动样式表后返回CSS属性的值。

Reference

Answer 2

如果你的javascript在“head”中，那么因为dom尚未加载。尝试将脚本放在div之后

Answer 3

你没有在那个css中指定任何不透明度，因为我现在看到了文件