getElementById() Non funziona

[Nunkij]

Salve a tutti,
sto cercando di usare JS in modo tale da non mischiare il codice JS con Html.

Ho un campo input di tipo button che se cliccato deve rimandare a un'altra pagina (non un form).

Ho scritto il seguente codice:


JavaScript:

<script language='Javascript'>

document.getElementById("butIndieGogo").onclick= function () {

/* testo funzione */

}

</script>


Ho provato anche scrivere così:

var objButt = document.getElementById("butIndieGogo");
objButt.function () {

/* testo funzione */

}

HTML:



<input type='button' value='Back to IndieGoGo page' id='butIndieGogo' ></p>


In entrambi i casi mi dice che il riferimento al campo input è NULL.

Come mai?

Se metto tutto dentro un evento ONCLICK nel tag invece funziona.

Mi sapete spiegare? Uso Firefox 19.0

[cavicchiandrea]

o lo racchiudi nello onload o crei l'evento dopo il campo input

<script language='Javascript'>
onload = function(){
document.getElementById("butIndieGogo").onclick= function () {

/* testo funzione */

}
}
</script>

HTML:

<input type='button' value='Back to IndieGoGo page' id='butIndieGogo' /></p>
<script language='Javascript'>
document.getElementById("butIndieGogo").onclick= function () {
/* testo funzione */
}
</script>

[cassano]

Ma onload = function(){

è al caricamento della pagina ?

[Nunkij]

A cosa serve CONCETTUALMENTE onload? Devo metterci tutte le funzioni là dentro?

[cavicchiandrea]

onload parte quando il documento è caricato completamente e tutti gli oggetti sono "disponibili" e scatta al caricamento della pagina

[Nunkij]

Viceversa invece la funzione parte quando ancora non è caricata? Ma questo perché quell'istruzione non è messa dentro alcuna funzione?

Uso Js da 10 anni ma non me ne ero mai accorto di questa cosa (comunque funziona alla perfezione quindi ti ringrazio!)

Sapresti anche indicarmi un buon tutorial per l'uso di funzioni JS in line? Perché quando si inizia a usare dei parametri c'è qualcosa che non mi torna tanto!


Grazie mille

[cavicchiandrea]

Originariamente inviato da Nunkij
Viceversa invece la funzione parte quando ancora non è caricata? Ma questo perché quell'istruzione non è messa dentro alcuna funzione?

le funzioni non centrano nulla, qui è una questione di oggetti (elementi input, div, immagini, etc...) che vengono invocati (richiamati) quando ancora non esisto perché generati successivamente

Uso Js da 10 anni ma non me ne ero mai accorto di questa cosa (comunque funziona alla perfezione quindi ti ringrazio!)

si vede che non ne hai mai avuto bisogno, di certo l'onload non è una novità esiste da sempre in js

Sapresti anche indicarmi un buon tutorial per l'uso di funzioni JS in line? Perché quando si inizia a usare dei parametri c'è qualcosa che non mi torna tanto!

Grazie mille

Non saprei, e ad essere sincero ho capito il giusto la domanda e non conosco le funzioni in line