Problema getElementById()

Printable View

19-01-2013, 18.21.27

Problema getElementById()

Salve, utilizzando getElementById() e la proprietà STYLE in javascript volevo modificare lo stile di un paragrafo.
Definisco uno stile CSS in cui dico che il colore del paragrafo deve essere nero, da javascript poi vorrei cambiare questa proprietà e far diventare il paragrafo verde.
Ho buttato giù 2 righe di codice ma non funziona.
Sapete gentilmente aiutarmi?Grazie.

Codice HTML:

<html> <head> <STYLE TYPE="text/css"> p { font-size:20; font-weight:bold; color:black } </STYLE> </head> <body> <SCRIPT TYPE="text/javascript"> var elem=document.getElementById('p1'); elem.style.color:"green"; </SCRIPT> <p CLASS="titolo" id='p1' > Ciao a Tutti! </p> </body> </html>
19-01-2013, 19.16.03
alemoppo

Gli assegnamenti si fanno comunque con l'uguale:

Codice:

elem.style.color="green";

...Inoltre, quando viene eseguita quella linea, il p id="p1" ancora non esiste, quindi da errore. Devi eseguirlo quindi dopo che la pagina si sia caricata totalmente.
In definitiva:

Codice HTML:

<html> <head> <STYLE TYPE="text/css"> p { font-size:20; font-weight:bold; color:black } </STYLE> </head> <body> <SCRIPT TYPE="text/javascript"> window.onload=function() { var elem=document.getElementById('p1'); elem.style.color="green"; } </SCRIPT> <p CLASS="titolo" id='p1' > Ciao a Tutti! </p> </body> </html>

Ciao!
23-01-2013, 10.44.24

Perfetto!!sei stato gentilissimo, grazie anche per la spiegazione :=):