1

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

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

4

3 回答 3

2

利用

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

代替

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

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

参考

于 2013-10-16T21:51:03.213 回答
0

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

于 2013-10-16T21:46:14.653 回答
0

当我现在看到文件时，您没有在该 css 中指定任何不透明度

于 2013-10-16T21:50:53.247 回答