Forum : Modifié le CSS dans le HTML avec js

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

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