Javascript Girl
  1. Javascript Girl
  3. Supprimer un bouton html en utilisant js
Intereting Posts
L'événement transitionend se déclenche deux fois Inclure les éléments d'un paquet de npm inclus Quand les objets JavaScript sont-ils détruits? Récupération de xml avec GM_xmlhttpRequest Comment faire en minuscule automatiquement les minuscules en JavaScript pendant qu'ils le saisissent SetTimeout n'est pas appelé dans le Web Android Navigation sur le clavier du style Tumblr Comment éditer le popup à l'aide de la couche de texte Openlayers Impossible d'instancier le module sur la production Position fixe retardée sur IOS L'authentification par passeport a échoué dans l'exemple de base Comment manipuler le CompositeView imbriqué avec Backbone.Marionette? Changer le contenu DIV en utilisant ajax, php et jQuery Comment puis-je actualiser une variable de sélection jquery stockée et instantanée Affectation variable globale dans le nœud du script vs ligne de commande

Supprimer un bouton html en utilisant js

Bonjour, j'ai un peu de code ci-dessous qui crée un bouton sur un formulaire html. Lorsqu'un utilisateur a saisi certaines informations à l'aide du bouton, je souhaite que le formulaire reflète ceci en supprimant le bouton et en le remplaçant par un simple texte. J'ai essayé d'obtenir le html interne et d'utiliser les divs, mais rien ne fonctionne, quelqu'un peut-il aider s'il vous plaît? Je ne cherche à personne pour écrire un code pour moi. Quelques conseils seraient géniaux. Merci 

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

Ajoutez une span avec un attribut id sur tout ce que vous souhaitez modifier. Quand il est temps, voici tout ce qu'il faut 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!";

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

Je vous suggère de regarder l'une des trousses d'outils Javascript qui la rendent très simple. Par exemple, j'ai utilisé Prototype pour cela. La méthode spécifique est Element.hide () et il existe un exemple d'utilisation sur la page.