Problema getElementById()

19-01-2013, 18.21.27

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>

**alemoppo** · 19-01-2013, 19.16.03

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

Discussione: Problema getElementById()

LinkBack

Strumenti discussione

Display

Problema getElementById()

Regole di scrittura