Capítulo 15

DOM CSS cssRules

JavaScript

<script type="text/javascript">
window.onload = function () {
var botaoDiv, folhaEstilo, regrasPara, regrasDiv;	
	botaoDiv = document.getElementById("btn");	
	folhaEstilo = document.styleSheets[1];
	regrasDiv = (folhaEstilo.cssRules) ? folhaEstilo.cssRules[2] : folhaEstilo.rules[2];
	botaoDiv.onclick = function() {
		regrasDiv.style.background = "black";
		regrasDiv.style.color = "green";
		regrasDiv.style.border = "3px solid blue";
	}
}
<script>

HTML

...
<h3>Titulo nível 3 estilizado</h3>
<p class="esp">Texto de um parágrafo estilizado</p>
<div id="container">DIV estilizada</div>
<button type="button" id="btn">Alterar estilização do div</button>
...

Titulo nível 3 estilizado

Texto de um parágrafo estilizado

DIV estilizada