Question

我正在编写一个使用css3转换的小应用程序。我想使用element.style属性直接通过javascript设置转换的值。根据我找到的代码here我想知道在哪里可以找到一个列表，显示如何将css3属性命名为javascript属性。 f.e： -moz-box-shadow成为MozBoxShadow。可能是这个列表不存在因为我只需要用大写的后续字母来交换所有连字符，但我想确定是这种情况。有人知道吗??

EDIT ::

因为我需要任何一种工作解决方案，我编写了这个小功能，可用于ie9，ff，safari和chrome：

var cssprops = (function(){

    var prefixes = [ "", "-ms-", "-webkit-", "-moz-", "-o-" ];
    var properties = [ "transform", "transform-origin" ];
    var finder = /-(\w)/ig;
    var str, pre, result;
    var root = document.documentElement;
    var result = {};

    for( var i = 0; i < prefixes.length; i++ ){
        pre = prefixes[ i ];
        for( var j = 0; j < properties.length; j++ ){
            if( $.browser.msie ){
                str = pre.replace( /-/i, "" );
                str += properties[ j ]; 
            } else {
                str = pre + properties[ j ];
            }

            str = str.replace( finder, function( w ){
                return w.replace( /-/i, "" ).toUpperCase();
            });

            if( typeof root.style[ str ] !== "undefined" &&
                !result.hasOwnProperty( properties[ j ] ) ){
                result[ properties[ j ] ] = str;
            }
        }
    }
    return result;
})();

我没有尝试任何其他属性，因为这次我不需要它们，但如果事实证明这对整个列表都有用，我很乐意收到通知。

问候......

Answer 1

您正在寻找的是CSS属性的供应商前缀，滥用供应商前缀是一种不好的做法，不建议这样做。如果你想知道为什么这里是post explaining it。此外，here正是您所寻找的list前缀。

与javascript对应的css3属性列表

1 个答案: