JavascriptProva

domenica 8 gennaio 2012

document.getElementsByName per fare un insieme di elementi di natura diversa

Provare ad accomunare sotto lo stesso attributo name elementi con tag diverso?

<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>
<span name="uno">Ciao bello</span>
<div name="due">Ciao fesso</div>
<h name="uno">Ciao, grandissimo!</h>
</body>
</html>
Funziona anche questo.
Adesso ci faccio anche altre prove...

<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>
<span name="uno">Ciao bello</span>
<div name="due">Ciao fesso</div>
<h name="uno">Ciao, grandissimo!</h>
<a name="uno">Ipertesto bello</a>
<a name="due">Ipertesto del cavolo</a>
<p name="uno">Paragrafo fantastico</p>
</body>
</html>
...funziona sempre.
Con il document.getElementsByName si possono accomunare in un insieme tutti gli elementi che hanno lo stesso nome, anche di natura diversa.

Nessun commento:

Posta un commento