pixel facebook
 

Javascript | DOM

Ce que vous allez Apprendre

Tutoriel vidéo Javascript présentant les principaux codes permettant d'agir sur le DOM HTML et sur l'application du CSS.

Dans ce chapitre nous commençons à donner de l’interactivité à nos pages après leurs rendus au navigateur du client.

Nous verrons comment sélectionner des éléments grâce à l'objet document et ces méthodes :

//pour sélectionner depuis un ID
document.getElementById('title');

//pour sélectionner depuis une CLASS
document.getElementsByClassName('citation');

//pour sélectionnner depuis les BALISES
document.getElementsByTagName('p');

Mais aussi des méthodes nous permettant de sélectionner avec les sélecteurs CSS :

document.querySelector('#title'); // id
document.querySelectorAll('.citation'); // class

Nous verrons comment récupérer et modifier les attributs HTML avec :

// récupérer
document.querySelector('a').getAttribute('href');

// modifier
document.querySelector('a').setAttribute('href', 'https://www.weformyou.fr');

Et enfin comment agir sur l'affectation de class :

// pour ajouter
document.querySelector('p').classList.add('fondVert');

// pour supprimer
document.querySelector('p').classList.remove('fondVert');

// pour échanger
document.querySelector('p').classList.toggle('fondVert');

// pour tester la présence
document.querySelector('p').classList.contains('fondVert');

Commentaires 3


Votre adresse mail ne sera en aucun cas divulguée ou utilisée, elle nous permet de garantir la pertinence des commentaires affichés

Mustafa3m - 02/06/2020 19:58:13
Merci beaucoup formateur .j ai compris le DOM grace a toi .
essaye de mettre un exercice payant sur le DOM .
Uranson - 16/04/2020 15:23:57
Merci beaucoup prof pour l’excellence de ta pédagogie. Tu m"as donné envie d"aller au javascript
Admin - 16/04/2020 19:11:25
Merci d'avoir pris le temps pour le commentaire ! Bonne formation alors ;)
Thibaut - 10/04/2020 22:06:18
waouh waouh, merci beaucoup je suis vraiment impressionné par ton esprit pédagogue , j'ai jusqu'ici regardé beaucoup de vidéo sur le DOM et c'est la première fois que je comprend ce principe.
merci bcp!
Admin - 11/04/2020 08:52:22
Merci beaucoup, pour le commentaire :)