javascript - 获取div不透明度

Question

我有一个简单的 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;
}

---

<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