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!')
}
Plus sur Stackoverflow Lire la doc Plus sur le web Snippet aléatoire
A vous de jouer !
Ces articles vous ont été utiles ? Vous pouvez m'aider à votre tour de plusieurs manières : (cliquez sur le lien "reply" dans à droite pour me contacter )
- Me remonter des erreurs ou typos.
- Me remonter des choses qui pourraient être améliorées.
- Aimez et repostez !
- Suivez moi sur Bluesky 🦋
- Inscrivez-vous au flux RSS.
- Cliquez sur les boutons Plus sur Stackoverflow pour me faire gagner des badges "annonceur" 🏅.
Merci et à très bientôt sur Strangebuzz ! 😉
