Come accedere a livello di codice per un foglio di stile a motore WebKit (Chrome / Safari)

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

Domanda

In IE con document.getElementById ( "css_id"). StyleSheet

o in Firefox document.getElementById ( "css_id"). Scheda

Ho un oggetto foglio di stile per manipolare, ma in Chrome e Safari browser proprietà non ci sia.

Come posso ottenere quell'oggetto?

Grazie

È stato utile?

Soluzione

Errr, nel mio test .sheet funziona bene - la mia testcase è stato 

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

Ho testato solo in Safari 3.2 e le nightly WebKit, Chrome utilizza solo il WebKit da Safari 3.1, ma non credo ci sia alcuna modifica del motore fra 3.1 e 3.2.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top