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 6


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

Joyaka - 29/09/2020 00:48:08
Très bon cours et très bien expliqué surtout pour nous qui sommes en formation en dev
Aymeric - 22/09/2020 11:05:12
Actuellement en formation de développeur web, je trouve que votre pédagogie est parfaite. Une voix calme et posée mais pas soporifique, pas un mot de trop, et des explications pertinentes et imagées. C'est idyllique.
Admin - 22/09/2020 13:09:54
Merci pour le commentaire
Romulus - 15/09/2020 21:59:51
Super cours merci beaucoup !!
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 :)