Récupération d'un élément HTML en utilisant un sélecteur CSS avec JavaScript
Publié le 10/11/2024 • Actualisé le 10/11/2024
Dans ce bout de code, nous voyons comment récupérer un élément HTML grâce à un sélecteur CSS avec JavaScript. Dans les snippets précédents, nous avons vu comment récupérer un élément HTML par ID ou pas classe. Cette fois, nous allons faire la même chose, mais grâce à la fonction querySelector() qui est plus flexible que getElementsByClassName et getElementById(), car elle s'appuie sur un sélecteur CSS. Si nous voulons une liste au lieu d'un élément, on peut utiliser la fonction querySelectorAll().
// html => <body lang="en" dir="ltr" id="body-strangebuzz">
const body = document.querySelector('#body-strangebuzz');
console.log('typeof body', typeof body);
console.log('body', body);
if (body !== null) {
console.log('Removing body...')
body.remove();
console.log('Done!')
} else {
console.log('Body not found!')
}
Démo HTML du snippet
» Click here to delete the body of this page! «
Plus sur Stackoverflow Lire la doc Plus sur le web Snippet aléatoire
