Comment écrire dans le DOM HTML avec la méthode Document Writeln() ?

Comment Ecrire Dans Le Dom Html Avec La Methode Document Writeln



Lors du processus de débogage et de test du code, les méthodes sont utilisées pour afficher du texte brut sur la console ou la page Web pour confirmer qu'une partie spécifique du programme est en cours d'exécution. JavaScript fournit le DOM HTML ' document.writeln () » pour effectuer cette tâche.

Ce blog explique la procédure pour écrire sur un document HTML à l'aide de la méthode document.writeln().







Comment écrire dans le DOM HTML avec la méthode Document writeln() ?

Le ' document.writeln () » méthode imprime le texte sur une page Web et lorsqu'elle est utilisée avec le « < pré >», le texte est imprimé sur une nouvelle ligne à chaque fois.



Syntaxe

La syntaxe de la méthode JavaScript document.writeln() est indiquée ci-dessous :



document. écrire ( valeur )

La « valeur » peut être une chaîne variable ou du texte brut, qui s'ajoute directement sur la page Web. Plusieurs valeurs peuvent également être transmises en les séparant par une virgule.





Ayons une mise en œuvre pratique.

Exemple 1 : insertion dynamique de plusieurs valeurs

Dans cet exemple, les multiples valeurs au format texte brut vont être affichées sur la page Web lors de l'interaction de l'utilisateur avec le bouton :



< centre >
< style h1 = 'couleur : bleu cadet ;' > Linux h1 >
< bouton ondblclick = 'Insérer()' > bouton >
centre >
< scénario >
fonction inséreuse ( ) {
document. écrire ( 'Ceci est une première partie' , 'C'est la dernière partie' ) ;
}
scénario >

L'explication du code ci-dessus est présentée comme suit :

  • Tout d’abord, le bouton est créé qui utilise le «  ondblcliquez ' Écouteur d'événement pour invoquer le ' inséreuse ()' fonction.
  • Ensuite, le « document.writeln ()' ayant deux valeurs au format texte brut est utilisée à l'intérieur du ' inséreuse ()' fonction. Cela affichera le texte fourni sur la page Web lorsque l'utilisateur double-clique sur le bouton.

La sortie générée après la compilation est affichée comme suit :

La sortie ci-dessus confirme que les données fournies ont été imprimées sur la page Web.

Exemple 2 : Utilisation de la méthode Document writeln() avec la balise

Dans cet exemple, le « < pré >' La balise va être utilisée autour de la valeur à passer à l'intérieur du ' document.writeln ()' méthode. Pour afficher chaque valeur sur la nouvelle ligne. Le code est indiqué ci-dessous :

< scénario >
document. écrire ( '
Ceci est une partie initiale'  )  ;  document.  écrire  (  'C'est la partie finale
'
) ;
scénario >

Dans la ligne de code ci-dessus, les valeurs à afficher à la fois par « écrire () » sont enveloppées par un seul « < pré >', pour les afficher sur de nouvelles lignes distinctes.

Le résultat de la ligne de code ci-dessus ressemble à ceci :

Le résultat montre que chaque valeur est affichée sur une nouvelle ligne lors du rendu sur la page Web.

Conclusion

Le DOM HTML' écriture de document() ' La méthode est essentiellement utilisée pour insérer du texte sur la page Web, le texte est passé entre ses parenthèses et pour plusieurs, les textes sont séparés par une virgule. Cette méthode affiche le texte sur une nouvelle ligne lorsqu'il est enveloppé dans le « < pré > »balise. Ce blog a expliqué avec succès la méthode document.writeln().