Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未定义使用css的div上的不透明度,但使用js时已定义_Javascript_Css_Opacity - Fatal编程技术网

Javascript 未定义使用css的div上的不透明度,但使用js时已定义

Javascript 未定义使用css的div上的不透明度,但使用js时已定义,javascript,css,opacity,Javascript,Css,Opacity,我有一个id为opacity:0.75的div显示屏幕上的div,不透明度为0.75。当我想用js更改不透明度时,它不起作用-我使用了一个警报来查看style.opacity值,但警报显示为空白。如果我改为…style.opacity=“0.75”在js代码中它确实起作用(在屏幕上,对象看起来像它应该的那样75%不透明,警报显示为0.75)。为什么会这样 label.style.opacity=parseFloat(label.style.opacity,10)-0.1;警报(标签、样式、不透明

我有一个id为
opacity:0.75的div
显示屏幕上的div,不透明度为0.75。当我想用js更改不透明度时,它不起作用-我使用了一个警报来查看style.opacity值,但警报显示为空白。如果我改为…
style.opacity=“0.75”
在js代码中它确实起作用(在屏幕上,对象看起来像它应该的那样75%不透明,警报显示为0.75)。为什么会这样


label.style.opacity=parseFloat(label.style.opacity,10)-0.1;警报(标签、样式、不透明度)

和css

#label {
width:100px;
text-align:center;
height:50px;
font-size:normal;
position:absolute;
color:white;
z-index:100;
font-family:Helvetica-Light;
}

您需要在元素上调用
getComputedStyle
,以获取CSS设置的值。请参阅以下答案:

尝试以下方法:

label.style.opacity = (parseFloat(label.style.opacity) || 1) - 0.1;

如果元素没有
opacity
属性的设置值,
.style.opacity
将返回空字符串。我的代码默认值为
1

label.style.opacity=parseFloat(label.style.opacity,10)-0.1;警报(标签、样式、不透明度)
和css
#标签{宽度:100px;文本对齐:中心;高度:50px;字体大小:正常;位置:绝对;颜色:白色;z索引:100;字体系列:Helvetica Light;}
or符号的作用是什么?未设置不透明度时,oh返回1。但这并不能解决问题,因为我在css中设置了不透明度,它返回一个空值string@DylanThepiguy除非您有充分的理由不这样做,否则请使用库进行CSS操作。例如,使用jQuery,您可以使用
$(label.css('opacity')