Usare getElementById

**Traxsung** · 03-04-2011, 23:44

Salve ragazzi ho creato per fare una prova le seguenti pagine:

style.css

codice:

div#giorno {

     padding-bottom: 10px;
     width: 710px;
     font-size: 11px;
     color: #111111;

}

a.js

codice:

<script language="javascript" type="text/javascript">

document.getElementById("giorno").innerHTML = '<div>Che bella giornata.</div>'
</script>

ed infine il file

prova.html

codice:

<link rel="stylesheet" type="text/css" href="style.css"> 
<script type="text/javascript" src="a.js"></script>
<html>
<head>
<div id="giorno"></div>
</head>
</html>

Però non funziona niente... cioè vedo solo la pagini in bianco.
Dove sbaglio ?

Grazie

**cavicchiandrea** · 04-04-2011, 00:12

Originariamente inviato da Traxsung
...
Dove sbaglio ?

Grazie

Al fatto che richiami un elemento "giorno" che non è ancora presente nel documento

codice:

<script language="javascript" type="text/javascript">
window.onload=function(){
document.getElementById("giorno").innerHTML = '<div>Che bella giornata.</div>'
}
</script>

**Traxsung** · 04-04-2011, 00:18

Andrea intanto grazie per la gentile risposta.
Ho modificato il file a.sj come da tua correzione, tuttavia quanto apro il file html visualizzo solo pagina bianca...

Secondo te ho dimenticato qualcosa nel file stule.css e prova.html ?

Grazie

**cavicchiandrea** · 04-04-2011, 08:12

Per la fretta mi sono scordato che nei file esterni js non vanno i tag <script>

codice:

window.onload=function(){
document.getElementById("giorno").innerHTML = '<div>Che bella giornata.</div>'
}

P.S. Leggi qui

**Traxsung** · 07-04-2011, 03:04

Andrea grazie ^_^ ho provato ed è perfetto.

Però Ho fatto un'altra prova così:

codice:

window.onload=function(){
document.getElementById("giorno").innerHTML = '<div id="prova"> sito: Nome sito</div>'
}

ma non riesco a vedere niente... pagina bianca.
Cosa ho omesso ?

Inoltre posso usare più window.onload=function(){ all'interno di uno stesso file .js oppure posso separarli da ; ?

Grazie

**cavicchiandrea** · 07-04-2011, 09:05

Un solo onload con le funzioni separate dal ; mi sembra ch tu abbia pochissima conoscenza di js, consiglio lettura guide http://javascript.html.it/guide

**Traxsung** · 07-04-2011, 13:28

Ho dato un'occhiata alla guida che mi hai linkato, ma non ho trovato nulla che faccia al caso mio.

allora vediamo se ho capito:

Se ho due due funzioni diventano così:

codice:

window.onload=function(){
document.getElementById("giorno").innerHTML = '<div>Che bella giornata.</div>';
document.getElementById("giorno2").innerHTML = '<div>Che bella giornata2.</div>';

}

invece sono sempre bloccato qui ^_^

codice:

  window.onload=function(){
document.getElementById("giorno").innerHTML = '<div id="prova"> sito: Nome sito</div>'
}

Penso che la sintassi sia giusta, ma provandolo mi restituisce pagina bianca...

**cavicchiandrea** · 07-04-2011, 14:56

Le guide servono per capire/apprendere il linguaggio come funziona, come è strutturato, cosi capiresti a cosa serve onload che come l'hai scritto non richiama due funzioni ma due elementi del documento.

Discussione: Usare getElementById

Strumenti discussione

Ricerca discussione

Visualizza

Usare getElementById

Re: Usare getElementById

Re: Re: Usare getElementById

Permessi di invio