javascript - 如何定位 -moz-opacity 属性

Question

通常我们使用以下方式定位 CSS 不透明度：

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

如何定位-moz扩展？我试过使用：

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

但是脚本在这样做时卡住了。我想用纯 JavaScript 来做。

Answer 1

关注MDN ：

Gecko 1.9.1 (Firefox 3.5) 及更高版本不支持-moz-opacity，并且在 Gecko 13 中删除了对MozOpacityin javascript 的支持。到目前为止，您应该使用简单opacity的 .

所以以前是：

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

现在是：

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

Answer 2

您是否尝试过使用与 z-index "style.zIndex" 相同的驼峰式案例？“style.MozOpacity”，M 是大写字母，因为它以 - 开头，跳过第一个小写字母。但是新的 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”只是一个对象，所以你应该可以用方括号表示法来调用它。