Come accedere a livello di codice per un foglio di stile a motore WebKit (Chrome / Safari)
-
05-09-2019 - |
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
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