Her er et lag (id="mindiv"). Den røde baggrundsfarve er ikke sat i stylesheetet, men tilføjet som styleværdi i et script.
Koden:
<script type="text/javascript"><!--
function moreStyle(id,property,value) {
document.getElementById(id).style[property]=value;
}
//--></script>
<body onload="moreStyle('mindiv','backgroundColor','red');">
Scriptet kan også bruges til browserafhængige værdier. F.eks.:
<body onload="moreStyle('mindiv','backgroundColor',(document.all)?'red':'blue');">
Scriptet kan også skrives direkte med adresse til id'en umiddelbart efter div'en; sådan:
<div id="mindiv"> </div>
<script type="text/javascript">
document.getElementById('mindiv').style.backgroundColor="red";
</script>
Men skrevet sådan kan scriptet ikke sættes op i <head></head>, da det ikke kender til "mindiv" før siden loader.
Tak til “olebole” på Eksperten for hjælp og ideer.