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 0


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