4- Sélection

Article : les fruits

La pomme

La pomme est le fruit du pommier. Elle est comestible et a un goût sucré ou acidulé selon les variétés

L'Orange

Orange, anciennement France Télécom, est une entreprise française de télécommunications !

La banane

Par quel bout commencer !

Selectionner l'article pomme par son identifiant.

1. let tmp = ....;
2. tmp.classList.add('tmpExample'); //ajoute une class

Selectionner l'article orange par un selecteur de votre choix.

1. let tmp = document.querySelector(---);
2. tmp.classList.add('tmpExample'); // ajout d'un class CSS

Selectionner tous les articles un sur deux.

1. let tmp = document.querySelectorAll(---);
2. for (let i=0; i < tmp.length; i++){
3. tmp[i].classList.add('tmpExample');}

Modifier le texte de l'article orange

1. let tmpArticle = document.body.getElementsByTagName(---)[---];
2. let tmpP = tmpArticle.getElementsByTagName(---)[---];
3. tmpP.textContent = "L'orange est un agrume, fruit des orangers"; // modifie le text

Donner au dernier article banane le style : position: fixed; top: 100px; background-color: green;text-align: center;

1. let tmp = document.querySelector(---);
2. tmp.style.cssText = "position: fixed; top: 100px; background-color: green;text-align: center;"; // modifie les attributs de style

Réécrire l'ensemble du code avec des fonctions vues en cours (``, querySelectorAll ... ) En action