Modifié le CSS dans le HTML avec js

Par Noa913, il y a 4 ans

Les bases HTML/CSS

Décrivez ici votre problème ou ce que vous cherchez à faire.

Entourez votre code en utilisant "```" pour bien le mettre en forme. (ne copiez pas trop de code)

Ce que je veux

Bonjour je cherche un moyen de modifier du CSS avec des listes déroulante dans le HTML. Je suis presque sûr que c'est possible en JS mais j'ai vraiment pas d'idée de comment faire..

Ce que j'obtiens

Décrivez vos éventuelles erreurs ou ce que vous obtenez à la place de ce que vous attendez :(

1 réponse

popotte,

il y a 4 ans

Salut :)

Alors une possibilité serait de préparer des classes, et avec le JS tu attribues ces classes aux éléments

.item { color: white; } .item-active { color: green; } .item-disabled { color: gray; } element = document.getElementById('my-item') // Active element.classList.add('item-active') // Replace for disabled element.classList.remove('item-active') element.classList.add('item-disabled') // Toggle (add si l'élément ne contient pas la class, remove si l'élément la contient) element.classList.toggle('item-active')

Un truc dans le genre