2

次のような一部のスタイルパラメータは簡単に変更できます。

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

-しかし、どうすれば、などで始まるパラメータを変更できます-o-transform-originか？

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

純粋な昔ながらのJavaScript（jQuery、Dojoなど）の使い方をアドバイスしてください。

4

2 に答える 2

4

角かっこ表記を使用します。

document.getElementById(element).style['-o-transform-origin'] = "top left"
于 2012-07-08T00:55:58.557 に答える
3

次のリンクはいくつかの光を当てます：

http://www.javascriptkit.com/javatutors/setcss3properties.shtml

また、リンク切れの場合に備えて、リンクからいくつかのコードを含めます！

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"​​​​
于 2012-07-08T00:57:23.250 に答える