如何使用JavaScript更改样式参数？

可以轻松更改某些样式参数，例如：

document.getElementById(element).style.height = height + "px"; 

但是如何更改以

-

开头的参数，例如

-o-transform-origin

document.getElementById(element).style.-o-transform-origin = "top left"; // error!

请给出建议，如何使用纯老式JavaScript（无jQuery、无Dojo等）。

使用括号表示法：

document.getElementById(element).style['-o-transform-origin'] = "top left"

---

以下链接将提供一些信息：

此外，我将包括一些代码从链接的情况下，链接腐烂

function getsupportedprop(proparray) {
    var root = document.documentElement //reference root element of document
    for (var i = 0; i < proparray.length; i++) { //loop through possible properties
        if (typeof root.style[proparray[i]] == "string") { //if the property value is a string (versus undefined)
            return proparray[i] //return that string
        }
    }
}

//SAMPLE USAGE
var boxshadowprop = getsupportedprop(['boxShadow', 'MozBoxShadow', 'WebkitBoxShadow']) //get appropriate CSS3 box-shadow property
document.getElementById("mydiv").style[boxshadowprop] = "5px 5px 1px #818181" //set CSS shadow for "mydiv"​​​​

函数getsupportedprop（proparray）{
var root=document.documentElement//引用文档的根元素
对于（var i=0；i

打开浏览器js控制台，然后键入整个字符串，直到

样式。

假设浏览器不错，您应该在“自动完成”框中获得完整的参数列表。