如何针对-moz-opacity属性

Question

通常我们以CSS不透明度为目标，使用：

document.getElementById('wrapper').style.opacity="1";

如何确定-moz扩展的目标？我尝试过使用：

var moz = document.getElementById('wrapper').style.-moz-opacity="1";   

但是脚本在这样做的时候卡住了。我想用纯JavaScript做这件事。

Answer 1

关注

Gecko 1.9.1 (Firefox3.5)及更高版本不支持-moz-opacity，并且在Gecko 13中删除了对MozOpacity的支持。到目前为止，您应该只使用opacity。

所以之前是这样的：

var opacity = document.getElementById("wrapper").style.MozOpacity;

现在是：

var opacity = document.getElementById("wrapper").style.opacity;

Answer 2

您是否尝试使用与z索引"style.zIndex“相同的驼峰式大小写？"style.MozOpacity"，M是大写字母，因为它以a开头-跳过第一个小写字母。但是新的FF浏览器不会有这个属性。

http://jsfiddle.net/kNbhg/3/

<div id="demo" style="-moz-opacity:1.0"></div>

var str = "";
var elm = document.getElementById("demo");
for(var p in elm.style)
    str += p + " " + typeof(elm.style[p]) + "<br/>";
document.body.innerHTML += str;

Answer 3

您应该能够这样做：

document.getElementById('wrapper').style"-moz-opacity"="1"；

"style“只是一个对象，所以您应该能够使用方括号表示法来调用它。