Dans cet article, nous effectuerons la tâche de modifier le texte dans toutes les balises HTML à l'aide de JavaScript. Plongeons dans cet article pour en savoir plus sur la modification du texte dans tout le code HTML, mais commençons par définir les balises HTML.

Que sont les balises HTML

La balise HTML est un morceau de langage de balisage utilisé pour indiquer le début et la fin des éléments HTML dans un document HTML. Les balises HTML sont les éléments constitutifs des éléments HTML qui aident les navigateurs Web à convertir les documents HTML en pages Web.

Pour une meilleure compréhension, modifiez le texte à l'intérieur de toutes les balises HTML à l'aide de JavaScript. Regardons l'exemple suivant.

Exemple

Dans l'exemple ci-dessous, nous allons créer une simple page Web où nous modifierons le texte en exécutant un script.

   
 Click on the button to change the text 
  Welcome to Tutorialspoint  
  Click Here!    

Lorsque le script s'exécute, il génère une sortie composée de texte et d'un bouton cliqué. Si l'utilisateur clique sur le bouton, le texte changera et un autre texte apparaîtra sur la page Web.

Utilisez replaceWith()

Element.replaceWith() remplace les objets de la liste des enfants du parent de cet élément par un ensemble d'objets Node ou String. Insère le nœud de texte équivalent pour un objet String.

Grammaire

Ce qui suit est la syntaxe dereplaceWith()-

ChildNode.replaceWith(Node);

Exemple

Considérez l'exemple suivant dans lequel nous utilisonsreplaceWith()pour modifier le texte à l'intérieur d'un balisage.

   
 “ Lost in the ave of you ” 
   

Lorsque vous exécutez le script ci-dessus, une fenêtre de sortie apparaîtra affichant le texte de la page Web remplacé par le texte original utilisé dans le script.

Utilisez querySelector()

Lorsqu'un ou plusieurs sélecteurs sont fournis, la méthode Document querySelector() renvoie le premier élément du document qui leur correspond. Renvoie Null s'il n'y a pas de correspondance.

Grammaire

Ce qui suit est la syntaxe dequerySelector()

querySelector(selectors)

Exemple

Exécutez le code suivant, nous utilisonsquerySelector()pour modifier le texte dans la balise HTML.

   
Welcome
   

Lorsque les scripts sont exécutés, ils génèrent une sortie contenant le texte de la page Web remplacé par le texte original utilisé dans le balisage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!