Примеры динамического добавления css стилей

Простое добавление css стилей

            
    <a href="javascript:test1()">Добавление стиля без ограничения области действия (глобальное воздейстие)</a>
    <div id="css-test1">
        <div class="test"></div>
    </div>
    <script>
        function test1(){
            SRAX.addCss('.test{background:#f33}');
        }            
    </script>            
        

Добавление css стилей, находящихся во внешнем файле

            
    <a href="javascript:test2()">с ограничением области действия (разделение по id)</a>
    <div id="css-test2">
        <div class="test"></div>
    </div>
    <script>
        function test2(){
            SRAX.addCss('addcss/test.css', 'css-test2');
        }            
    </script>            
        

            
    <a href="javascript:test3()">с ограничением области действия (разделение по атрибуту class)</a>
    <div class="css-test3">
        <div class="test"></div>
    </div>
    <script>
        function test3(){
            SRAX.addCss('addcss/test.css', '.css-test3');
        }            
    </script>