Affichage

6 min 4 exercices Niveau 2

Le JavaScript permet d’afficher des données à l’utilisateur. Pour ce faire, JavaScript propose 4 possibilités d’affichage de ces données.

Possibilités d’affichage en JavaScript

Voici les 4 moyens d’afficher des données en JavaScript :

innerHTML : permet d’écrire dans un élément HTML
document.write() : permet d’écrire dans le flux de sortie HTML
alert() : permet d’afficher une fenêtre d’alerte
console.log() : permet d’afficher des données dans la console du navigateur.

innerHTML

Pour accéder à un élément HTML, JavaScript met à disposition document.getElementById(‘id’), qui permet de sélectionner un élément HTML par rapport à son attribut “id”.

La propriété innerHTML permet de définir le contenu à afficher au sein de l’élément désigné par son id.

L’avantage de la propriété innerHTML est qu’elle permet d’utiliser des balises HTML.

Exemple :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Afficher du texte dans un élément HTML</title>
    </head>

    <body>
        <div id="message">

        </div>
        <script type="text/javascript">
            document.getElementById('message').innerHTML='<h1>Hello World</h1>';
        </script>
    </body>
</html>

Dans cet exemple, le script affiche un <h1> Hello World dans l’élément HTML portant l’id message.

document.write()

Se connecter pour voir la suite

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !