Modifier un bouton en texte

Bonjour!

Bon je suis débutant en Ajax, donc un peu de clémence si cette question a déjà été posée...

Voilà j'ai un bouton qui fait appel à une fonction javascript. Je voudrais afficher du texte à la place de ce bouton après le clic, mais ça ne marche pas, mon bouton reste.
J'arrive à modifier l'attribut value du bouton, mais ce n'est pas ce que je veux. Voilà le code :

Bouton HTML:

Code:

---

<input type='button' value='Signaler' onClick='ajax()' id='btn_signal'>

---

Le code JS (correspond à ma fonction onreadystatechange):

Code:

---

1 2 3 4 5 6 7 8 9 10 11

if (xhr.readyState==4) { document.getElementById("btn_signal").innerHTML = "<p>Signalement Réussi</p>"; //document.getElementById("btn_signal").value = "Signalement Réussi"; //Ce code modifie bien le texte du bouton } else { //document.getElementById("btn_signal").value = "Veuillez patienter"; document.getElementById("btn_signal").innerHTML = "<p>Veuillez patienter</p>"; }

---

Merci d'avance!

La valeur d'un input se modifie par value, pas par innerHTML.

Merci de la réponse rapide, mais vous n'avez pas bien lu mon post ;-)

Ce que je veux c'est remplacer le input, non pas modifier la valeur. Je veux que le bouton disparaisse de la page quoi ;)

Han désolé.

Code:

---

1 2 3 4 5 6

var input = document.getElementById("btn_signal"); var parent = input.parentNode; parent.removeChild(input); var p = document.createElement("p"); p.appendChild(document.createTextNode("Signalement Réussi")); parent.appendChild(p);

---

Merci beaucoup, ça marche parfaitement!
Et quelle rapidité! 8O :king: