Comment faire pour modifier l'entrée texte avec javascript

Instructions

1. Créez un nouveau document HTML.

2. Ajoutez ce code à la section de corps du document:

   
   

   
   
   
   

   Cela crée une rubrique vide et un élément de zone de texte. Vous entrez un nom dans la zone de texte. ID sont facultatives, mais vous devez les utiliser si vous prévoyez de manipuler le contenu d'un élément HTML en utilisant javascript.

3. Ajouter cet élément de bouton ci-dessous la déclaration de zone de texte:

   
   
   
   

   Lorsque vous cliquez sur le bouton, javascript va changer le texte que vous avez entré et afficher le nouveau texte dans le titre et la zone de texte.

4. Ajouter cette fonction javascript pour la section de script du document:

   changeText fonction () {
   var headingObject = document.getElementById ('myHeading')
   GO
   var textboxObject = document.getElementById ('MyTextBox')
   GO
   var = Originaltext textboxObject.value
   GO
   textboxObject.value = "Bonjour " + Originaltext
   GO
   headingObject.innerHTML = "Texte modifié pour -gt; Bonjour " + Originaltext
   GO
   }

   Le "document.getElementById" commande récupère un élément HTML et le rend disponible à javascript. Dans cet exemple, les deux "commandes document.getElementById récupérer l'élément de titre (de myHeading) et l'élément de zone de texte (MyTextBox). La fonction obtient alors le texte de la zone de texte et ajoute "Bonjour" à la chaîne. Enfin, la "innerHTML" propriétés de la rubrique et zone de texte des éléments sont modifiés.

5. Ouvrez le document dans un navigateur, saisissez un nom dans la zone de texte et cliquez sur le bouton. La fonction javascript ajoutera "Bonjour" au nom et à mettre à jour le contenu des deux éléments HTML.

• Utilisez le "innerHTML" pour récupérer et mettre à jour le texte de tout élément HTML. Par exemple, vous pouvez modifier le texte d'un bouton à partir de "Cliquez ici pour soumettre" à "Merci d'avoir acheté XYZ" après un visiteur du site entré un nom de produit. Le "outerHTML" la propriété vous permet de modifier le texte et le style du texte d'entrée.