DOM - Liste de noeuds

3 min 1 exercice Niveau 4

Exercice 1

Énoncé

Soit le code HTML suivant :

<html>

<head>
    <title>Exercices Microlead</title>
</head>

<body>
    <header>
        <h1 id="titre_principal">Ceci est le titre d'origine</h1>
    </header>
    <section>
        <ul>
            <li>
                <span>type</span>
                <span id="type"></span>
            </li>
            <li>
                <span>modèle</span>
                <span id="modele"></span>
            </li>
            <li>
                <span>couleur</span>
                <span id="couleur"></span>
            </li>
        </ul>
    </section>
    <script type="text/javascript">

    </script>
</body>

</html>

Afficher en console l’ensemble des éléments li présent dans le document HTML

Contraintes

Ne pas modifier le code HTML, utiliser uniquement du JavaScript.
Le JavaScript doit être inséré dans le même fichier HTML, grâce à la balise “script”.
L’ensemble des élément doivent être récupérer en une seule fois.

Résultats attendus

L’ensemble de ces résultats sont visibles lors du chargement de la page HTML au sein de votre navigateur :

Tous les éléments li présents dans le document HTML sont affichés en console.

Besoin d'aide ?

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