Réécrire dans un div sans recharger la page

Bonjour,

J'ai le problème suivant, je charge une page dans lequel j'écris dans un div.

Code:

---

<div id="montexte">premier texte</div>

---

Par la suite, lors de l'appui sur un bouton sur cette page, je souhaiterais effacer et réécrire un nouveau texte dans ce div sans devoir recharger la page ?

Est ce possible ?

merci

Bonjour,

Lors du clic sur le bouton, tu appelle une fonction javascript :

Code:

---

<input type="button" name="monbouton" onClick="maFonction()">

---

Puis la fonction :

Code:

---

1 2 3

function maFonction(){ document.getElementById('montexte').innerHTML = "ton nouveau texte"; }

---

merci beaucoup, ça marche !

Par contre je n'arrive pas à afficher le contenu de ma div:

Code:

---

1 2 3 4 5 6 7 8 9

<div id="montexte">premier texte</div> <div id="newdiv">nouveau texte</div>   function maFonction(){ var test = document.getElementById("newdiv"); document.getElementById('montexte').innerHTML = test; }   <input type="button" name="monbouton" onClick="maFonction()">

---

Je ne vois pas "nouveau texte" mais [object HTMLDivElement], comment récupérer le contenu ?


*****

trouvé, il suffit d'utiliser document.getElementById('montexte').innerHTML = test.innerHTML;

Encore merci pour l'aide apporté