[AJAX] Accès avec le DOM

bonjour à tous,
ceci est mon premier message sur le forum...
je voudrais rédiger un script en utilisant les fonctionnalités du DOM...
j'ai acheté un livre à ce sujet mais en essayant de mettre en pratique les exemples rien ne se passe dans mon naviguateur...

pour info je suis sur Mac, mais je crois pas que le problème vienne de là.... j'utilise firefox et safari mais aucun n'affiche le résultat de mon script test..

voici mon premier script faisant appel aux fonctionnalité du DOM. Qqun pourrait-il m'aider à le corriger:

dans la balise head, le javascript:

Citation:

<script type='text/javascript'>

function remplaceTexte() {

var zone = document.getElementById("test");

var fragment = document.createDocumentFragment();

var paragraphe = document.createElement("p");

var texte = document.createTextNode("kjkljklj");

paragraphe.appendChild(texte);

fragment.appenChild(paragraphe);

zone.appendChild(fragment);
}

</script>

Dans la balise body :

Citation:

<input type='button' value='sdsd' onclick='remplaceTexte()'><div id='test'>dfgsdfgdfg</div>

merci infiniment...
Axel