Cambiare le proprieta di più elementi.

[BEAST]

Ciao a tutti,

sono all'inizio con js e faccio tanta fatica nonostante sia a un livello + che buono con php.

La mia domanda è questa.

In una pagina ho piu div con lo stesso id.

es <div id="A">PIPPO</div> <div id="A">PLUTO</div> <div id="A">PAPERINO</div>

Ho l'esigenza di cambiare lo sfondo di A al passaggio del mouse.

Ho ben chiaro come e quando chiamare la funzione, ma non so come scriverla.

Se uso document.all.A.style.color ect ect....mi cambia sono il primo div.

Ho capito che dovrei usare getelementesbyid ma non ci sto riuscendo.

Mi potreste aiutare?

Grazie infinite.

[BEAST]

Scusate volevo dire che dovrei usare getElementsByTagName

[floyd]

non si può usare lo stesso id per più tag

[BEAST]

<div id="PIPPO"><span>PIPGHCPO</span><span>PIPPOS</span><span>PIPPOD</span><span>PIPPO3</span></div>      <script type="text/javascript">  function over() {   if(document.getElementById && document.getElementsByTagName) {    celle = document.getElementById("PIPPO").getElementsByTagName("span");   colore = new Array("red","orange","green");      for(i=0; i < celle.length; i++)     celle.item(i).style.color = colore[0];   }  }  function out() {   if(document.getElementById && document.getElementsByTagName) {    celle = document.getElementById("PIPPO").getElementsByTagName("span");   colore = new Array("black");      for(i=0; i < celle.length; i++)     celle.item(i).style.color = colore[0];   }  }    </script>  <form action="">  <input type="button" value="over()" OnMouseOver="colore_celle()" /> [url="#top"]controlliamo[/url]  </form> 

Ho risolto cosi.