Javascript 获得div不透明度

我有一个简单的

div

，我想用JavaScript获得不透明度

我现在这样做：

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

但是，

console.log

中的结果是一个空行。我是否需要在CSS文件中特别设置不透明度，还是默认设置

我的HTML和CSS：

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

---

//内容

---

为什么它会收到一个空白结果？

如果您的javascript在“head”中，那是因为dom还没有加载。尝试将脚本放在div之后

您没有在css中指定任何不透明度，正如我现在看到的文件所使用的那样

var d=window.getComputedStyle（document.getElementById（'1'））.opacity

代替

var d=document.getElementById（'1'）.style.opacity

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

它是在
windows之后调用的。onload
如果没有找到div id，它肯定会给出一个控制台错误。啊，这就是从CSS而不是内联样式获取值的方式！非常感谢。
<div class="room" id="1">
       //content
</div>