Как программно получить доступ к таблице стилей в движке Webkit (Chrome/Safari)

StackOverflow https://stackoverflow.com/questions/560314

Вопрос

В IE с document.getElementById("css_id").styleSheet

или в Firefox document.getElementById("css_id").sheet

У меня есть объект листа стиля для манипулирования, но в браузере Chrome и Safari, который там нет.

Как я могу получить этот объект?

Спасибо

Это было полезно?

Решение

Эээ, в моих тестах .sheet работает нормально - мой тестовый пример был

<html>
<head>
    <style id="styleElement"></style>
    <link id="linkElement" data="data:text/css," rel="stylesheet"></link>
    <script>
        window.onload=function() {
            alert(["<style element>.style: " + document.getElementById('styleElement').sheet,
                   "<link element>.style: " + document.getElementById('linkElement').sheet])
        }
    </script>
</head>
</html>

Я тестировал только Safari 3.2 и ночные версии WebKit, Chrome просто использует WebKit из Safari 3.1, но я не верю, что между версиями 3.1 и 3.2 есть какие-либо изменения в движке.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top