At tilføje styles med javascript

 

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">&nbsp;</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”Eksperten for hjælp og ideer.