JavascriptProva

domenica 8 gennaio 2012

Passare in rassegna tutti gli elementi di un insieme con un ciclo FOR

Un esercizio che mi riporta ai cicli FOR: voglio colorare tutti gli elementi facenti parte di un insieme.

<html>
<head>
<script>
function funzione(){
  var insieme = document.getElementsByName("uno");
 for(n=0;n<=insieme.length;n++) {
  insieme[n].style.backgroundColor="blue";
 }
}
</script>
</head>
<body onClick="funzione()">
<div name="uno">Ciao amico</div>
<div name="due">Ciao bestiolina</div>
<div name="uno">Ciao bello</div>
<div name="due">Ciao fesso</div>
</body>
</html>
Questo dovrebbe colorarmi lo sfondo di tutti i DIV con il nome "uno" in blu.
Lo provo...

E funziona!
Quando il comando è uno, si possono omettere anche le parentesi graffe:
<html>
<head>
<script>
function funzione(){
  var insieme = document.getElementsByName("uno");
 for(n=0;n<=insieme.length;n++) 
 insieme[n].style.backgroundColor="blue";
 
}
</script>
</head>
<body onClick="funzione()">
<div name="uno">Ciao amico</div>
<div name="due">Ciao bestiolina</div>
<div name="uno">Ciao bello</div>
<div name="due">Ciao fesso</div>
</body>
</html>

Nessun commento:

Posta un commento