document.getElementById sempre null

[dvoran]

Salve, probabilmente il mio sarà un problema sciocco, ma più guardo le mie tre righe di codice e più non mi sembrano sbagliate... per cui preferisco farle guardare da qualcun altro!

In pratica se in base a una query al db contenente eventi con data, questa data è compresa tra oggi e 15 giorni nel futuro, una funzione javascript modifica il codice HTML inserendo del testo in evidenza all'interno della pagina.

Questa è la parte in php

$data = date("Y-m-d");
list($anno, $mese, $giorno) = explode("-", $data);
$date1 = date("Y-m-d", mktime(0,0,0,$mese ,$giorno + 15 ,$anno));

while ($row = mysql_fetch_array($result)){
	if($row['eventDate'] >= date("Y-m-d") && $row['eventDate'] <= $date1){
		?><script type="text/javascript">funzione();</script><?php
	}
}

Nell'if ci entra correttamente, quindi questa è la funzione "funzione()" (bella fantasia, eh? )

function funzione(){
	var punto = document.getElementById("inserimento");
	var elem = document.createElement("h1");
	var text = document.createTextNode("prova");
	elem.appendChild(text);
	punto.appendChild(elem);
}

Il codice html della parte "incriminata" è semplicemente:

<div id="inserimento"></div>

L'errore che ottengo tramite firebug è
"punto is null"

Qualche idea?
Probabilmente, come ho scritto all'inizio, sarà un errore cretino... ma mi serve qualcuno che me lo faccia notare!

[cavicchiandrea]

Secondo me è perché richiami la funzione (omonima) al caricamento della pagina col php prima che l'elemento inserimento sia generato nel html, prova a spostare il tutto dopo lo stesso o di richiamarla al evento onload.

[dvoran]

Grazie mille, avevi ragione! Mi è bastato spostare la funzione php e quindi la chiamata al javascript al termine del body (non potevo usare l'onload) e tutto funziona perfettamente!
Lo sapevo che era un errore stupido!

Grazie!