Inserimento nuovo contenuto con AJAX

[lomba91]

Ciao a tutti,
sto lavorando ad un progetto universitario per l'esame di progettazione web e mi sono imbattuto in un problema.
Ho fatto una semplice richiesta AJAX che restituisce del codice html

<?php echo "
<FORM id=\"'registrazione'\">
<p>
Nome: <INPUT type=\"'text'\">
</p>
</FORM>
";
?>

per inserirlo nella pagina dovrei fare qualcosa del genere:

...
var div = document.getElementById("conteiner");
div.innerHTML = xmlHttp.responseText;  <-- questo è quello che restituisce la richiesta ajax.

e fin qui nessun problema perche tutto funziona. Purtroppo però il docente ha detto che l'innerHTML è deprecated e quindi non va usato.
Come posso fare per inserire il contenuto della richiesta AJAX all'interno del div?

Grazie

[cavicchiandrea]

Chiedilo al docente e riportalo qui, perché non mi risulta che innerHTML sia deprecato e comunque non conosco* alternative, ma probabilmente il docente si

*Il fatto che non la conosca non vuol dire che non esita, e sarebbe utile anche al forum avere info da un docente

[lomba91]

ciao grazie della risposta.
Ho già chiesto al docente e la risposta è stata la seguente: "Ma lei ha seguito il corso?".
Io il corso l'ho seguito ma non ricordo nessuna alternativa, anche controllando tra il materiale non vi è traccia di altre soluzioni valide.

Se riesco a trovare qualcosa di valido lo posterò sul forum

[cavicchiandrea]

Perdona l'ardire, ma io ad un docente che risponde così gli replico forse ero distratto e mi scuso, ma non credevo d'essere a rischiatutto

Comunque resto della mia idea e non risulta ci sia un sostituto del innerHTML

[lomba91]

hai ragione ma purtroppo certi docenti non hanno voglia di insegnare.
In ogni caso ho controllato tra libri e appunti e tutti gli esempi "casualmente" il testo ricevuto dalla chiamata ajax viene inserito in una textbox con un semplice "textbox.value = ...".
Ho paura che non ci siano alternative all'innerHTML

[lomba91]

Ho trovato una soluzione valida anche se un po meno immediata, o meglio 2 soluzioni:
1) mediante l'array "childNodes" utilizzare la funzione "nodeValue":

Esempio:
document.getElementById("paragrafo").childNodes[0].nodeValue="Ciao";

2) Utilizzando la funzione "firstChild" e la funzione "nodeValue":

Esempio:
document.getElementById("paragrafo").firstChild.nodeValue="Ciao";

Spero sia utile anche ad altri.
Ciao e grazie dell'aiuto

[BlackThunder]

Puoi provare a usare l'AppenTo di jquery.

http://api.jquery.com/appendTo/

Saluti.

[lomba91]

ciao, grazie del consiglio ma purtroppo (e forse giustamente) l'uso di jquery è proibito...