Inizio a costruire la pagina.
<html>
<head>
<style>
.elemento {
background-color:cyan;
width:300px;
height:100px;
border:2px solid black;
margin:10px;
}
</style>
</head>
<body>
<div class=elemento></div>
<div class=elemento></div>
<div class=elemento></div>
<div class=elemento></div>
</body>
<script>
</script>
</html>
...Ecco...Ci sono semplicemente quattro elementi DIV celesti uno sopra l'altro.
Aggiungo il codice javascript:
<html>
<head>
<style>
.elemento {
background-color:cyan;
width:300px;
height:100px;
border:2px solid black;
margin:10px;
}
</style>
</head>
<body>
<div class=elemento></div>
<div class=elemento></div>
<div class=elemento></div>
<div class=elemento></div>
</body>
<script>
function funzione(){
alert("toccato");
}
function main(){
var Elemento=document.getElementsByTagName("div")[0];
while(Elemento){
Elemento.onmouseover=funzione;
Elemento=Elemento.nextSibling;
}
}
window.onload=main;
</script>
</html>
...e funziona benissimo!Suppongo che quando Elemento tenterà di essere uguale al next sibling dell'ultimo elemento, che non esiste, Elemento cesserà di esistere, ponendo fine alla condizione dettata dal while!
Nessun commento:
Posta un commento