Como acessar programaticamente para uma folha de estilo no motor webkit (Chrome / Safari)

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

Pergunta

No IE com document.getElementById ( "css_id"). StyleSheet

ou no Firefox document.getElementById ( "css_id"). Folha

Eu tenho um objeto de folha de estilo para manipular, mas no Chrome e Safari navegador que a propriedade não existe.

Como posso obter esse objeto?

Graças

Foi útil?

Solução

Errr, em meus testes .sheet funciona bem - o meu testcase era 

<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>

Eu só testado em Safari 3.2 e os nightlies WebKit, Chrome apenas utiliza o WebKit do Safari 3.1, mas eu não acredito que haja qualquer mudança de motor entre 3.1 e 3.2.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top