Comme nous le savons en PHP, les fonctions echo et print sont utilisées pour afficher la sortie à l'écran. Ainsi, lorsqu'un utilisateur commencera à coder avec JavaScript, il sera certainement curieux de savoir comment imprimer la sortie à l'écran en JavaScript. JavaScript est couramment utilisé pour créer des applications Web dynamiques qui offrent plusieurs méthodes prédéfinies pour effectuer des tâches.
Cet article décrira les méthodes JavaScript équivalentes à la méthode echo/print en PHP.
Existe-t-il un PHP echo/print équivalent en JavaScript ?
Oui, en JavaScript, il existe différentes méthodes prédéfinies pour afficher la sortie sur la console ou la page HTML, qui sont répertoriées ci-dessous :
Solution 1 : Utilisez la méthode 'console.log()' en JavaScript comme équivalent à echo/print en PHP
Le ' console.log() ” en JavaScript vous permet d'imprimer du texte sur la console du navigateur et équivaut aux fonctions d'écho et d'impression de PHP.
Exemple
Appeler le ' console.log() ” méthode pour imprimer le message sur la console :
console. enregistrer ( 'Bienvenue sur Linuxhint' ) ;
Le message a été affiché avec succès sur la console en utilisant le JavaScript ' console.log() ' méthode:
Solution 2 : Utilisez la méthode « document.write() » en JavaScript comme équivalent à echo/print en PHP
Utilisez le ' document.write() ” méthode en JavaScript qui équivaut à la fonction echo/print en PHP. Il affiche le texte sur la page Web. Cette méthode est fréquemment utilisée pour ajouter du contenu dynamique à une page Web.
Exemple
Passez le message au ' document.write() ” méthode pour imprimer sur la page web :
document. écrire ( 'Bienvenue sur Linuxhint' ) ;On peut voir que le message a été imprimé avec succès sur la page Web :
Solution 3 : Utilisez la méthode « document.appendChild() » en JavaScript comme équivalent à echo/print en PHP
Utilisez le ' document.appendChild() ' pour imprimer le texte sur le site Web en utilisant JavaScript et il est équivalent aux fonctions d'écho ou d'impression de PHP. Cette méthode est utilisée pour ajouter de nouveaux éléments au document HTML, tels que les éléments
ou
Exemple
Créez un élément de balise
en utilisant le ' créer un élément() ” méthode et stocker la référence dans la variable “ texte ” :
était texte = document. créerÉlément ( 'p' ) ;Utilisez le ' Texteintérieur ” pour attribuer le texte à afficher sur la page Web :
texte. Texteintérieur = 'Bienvenue sur Linuxhint' ;Maintenant, ajoutez l'élément dans le document HTML en utilisant le ' ajouterEnfant() ' méthode:
document. corps . ajouterEnfant ( texte ) ;Sortir
Solution 4 : Utilisez l'attribut 'innerHTML' en JavaScript comme équivalent à l'écho/impression en PHP
Vous pouvez également utiliser le ' innerHTML ” en JavaScript comme équivalent aux fonctions echo/print en PHP. Il permet d'accéder ou de modifier le contenu d'un élément HTML. Cette propriété est couramment utilisée pour mettre à jour le contenu dynamiquement en réponse à une entrée utilisateur ou à d'autres événements.
Exemple
Créez un élément
en HTML où nous modifierons le texte :
< identifiant p = 'texte' > Imprimer le message ici p >
Dans un fichier JavaScript, récupérez la référence de la balise
à l'aide du ' getElementById() ' méthode:
était élément = document. getElementById ( 'texte' ) ;Utilisez le ' innerHTML ” pour attribuer un nouveau message à afficher dynamiquement sur la page Web :
élément. innerHTML = 'Bienvenue sur Linuxhint' ;Le message sera mis à jour dynamiquement :
Nous avons fourni toutes les solutions possibles pour imprimer du texte sur la page Web en utilisant JavaScript équivalent à la fonction echo/print en PHP.
Conclusion
En JavaScript, il existe diverses méthodes prédéfinies pour afficher la sortie ou le texte sur la console ou la page HTML, y compris le ' console.log() ' méthode, ' document.write() ' méthode, ' document.appendChild() » ou la méthode « innerHTML ' attribut. Cet article décrit les méthodes en JavaScript équivalentes à la méthode echo/print en PHP.