supprimer un bouton html à l'aide de js

Question

Bonjour, j'ai un peu de code ci-dessous qui crée un bouton sur un formulaire html. Lorsqu'un utilisateur a saisi des informations en utilisant le bouton, je veux que le formulaire le reflète en supprimant le bouton et en le remplaçant par du texte brut. J'ai essayé d'obtenir l'html interne et d'utiliser des divs mais rien ne fonctionne, quelqu'un peut-il m'aider ? Je ne cherche pas à ce que quelqu'un écrive du code à ma place, mais juste à ce que vous me donniez quelques conseils.

  <td class="col1"><h3>Associated with :</h3></td>
  <td class="col3">
  <input type="button" 
  value="Associate this job " 
  onclick="associate()" 
/></td>

Answer 1

Ajouter un span avec un id attribut autour de ce que vous voulez changer. Le moment venu, voici ce que vous devez faire :

    document.getElementById("spanIDhere").innerHTML = "Your text here";

Donc, par exemple, vous auriez la ligne :

    <span id="associatespan">
        <input type="button" value="Associate this job" onclick="associate()" />
    </span>

et votre script dirait :

    document.getElementById("associateSpan").innerHTML = "Look, no more button!";

Answer 2

Mettez-le dans un DIV et mettez le texte dans un DIV qui est caché. Lorsque l'utilisateur commence à taper, cachez le DIV du bouton et affichez le DIV du texte.

Answer 3

Je vous suggère de regarder l'une des boîtes à outils Javascript qui rendent la chose très facile. Par exemple, j'ai utilisé Prototype pour cela. La méthode spécifique est la suivante Élément.hide() et il y a un exemple d'utilisation sur la page.