如何在JavaScript中设置-moz-transition属性？

Question

我想实施

-moz-transition: text-shadow 0.25s ease-in-out,font-size 0.25s ease-in-out;

通过JavaScript获取

属性。这是什么语法？

Answer 1

在原始JavaScript中：

document.getElementById("yourElem").style.MozTransition = "text-shadow 0.25s ease-in-out,font-size 0.25s ease-in-out";

注意：前面的连字符会导致JavaScript中出现大写字母：-moz =＆gt; Moz

Answer 2

使用element.style.MozTransition = "text-shadow 0.25s ease-in-out,font-size 0.25s ease-in-out"。 例如：http://jsfiddle.net/m9Hpc/3/

Answer 3

还有另一种方法可以在某些情况下使用它：

var vendor = detectVendor(); // or hardcode the string "-moz-"
element.style[vendor + "transition"] = "text-shadow 0.25s ease-in-out,font-size 0.25s ease-in-out"