список свойств css3 с их аналогом javascript - PullRequest
0 голосов
/ 29 марта 2012

Я пишу небольшое приложение, которое использует трансформации css3. Я хотел бы установить значения для преобразований непосредственно через javascript, используя свойство element.style. Основываясь на коде, который я нашел здесь , я хотел бы знать, где я могу найти список, который показывает, как назвать свойства 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;
})();

Я не пробовал никаких других свойств, потому что на этот раз они мне не нужны, но если окажется, что это сработает для всего списка, я был бы рад получить уведомление об этом.

Привет ...

1 Ответ

0 голосов
/ 29 марта 2012

То, что вы ищете, это префиксы вендоров для свойств CSS, злоупотребление префиксами вендоров - это плохая практика, и это не рекомендуется.Если вы хотите знать, почему это сообщение , объясняющее это .Кроме того, здесь - это то, что вы ищете со списком для префиксов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...