creare div dinamicamente

salve a tutti vorrei creare un div e un input dinamicamente , attraverso un link del genere:

<a href='#' onclick='funzione(id)'>Creare il tuo div e il tuo input numero 1</a>

e praticamente nel input devo avere un valore prestabilito che prende dal link "(id)".

Ho visto molte guida ma nessuna è stata abbastanza esuariente.

Mi va bene anche essere reindirizzato a qualche guida online.

Grazie mille :)

[alemoppo]

<script>
function funzione(id)
{
   document.getElementById('contenitore').innerHTML += "<div id='"+id+"'>Questo div è creato dinamicamente</div>";
}
</script>
<a href='#' onclick='funzione(id)'>Creare il tuo div e il tuo input numero 1</a>
<div id='contenitore'></div>

...ma non ho capito bene cosa vuoi fare

Ciao!

grazie per il codice , ma non funziona mi dice

document.getElementById(...) è nullo o non è un oggetto.

perchè?

--------------

ps . funziona benissimo , avevo ricopiato male.

ora per vorrei pure eliminare questo div , come faccio?

grazie

[alemoppo]

a me funziona

da quell'errore se non metti il div "contenitore"

Ciao!

soluzione trovata

function elimina(id) {
  var box = document.getElementById(id);
  box.parentNode.removeChild(box);
} 

grazie mille , ciao :)