Modifier une classe CSS avec Javascript Résolu/Fermé

Question

Bonjour à tous,

J'ai une fonction javascript qui après le else fait notamment et pour le moment ;

$("#input1").css("border-bottom","3px solid #933723");

Ce test fonctionne bien!

Sous mon champ input1, j'ai actuellement une barre horizontale avec une animation lorsqu'on entre dans le champ ;

.groupe.formulaire .barre::before {
    content: '';
    height: 3px;
    width: 0;
    left: 100%;
    bottom: -0.125rem;
    position: absolute;
    background: #239374;
    transition: left 0.10s ease, width 0.10s ease;
    z-index: 2; }

J'aimerais bien modifier ce code-là avec java. Par exemple que la height passe à 6px lors de mon fameux else. Auriez-vous une idée sur la façon de le faire ? J'ai essayé des choses avec

var elmt = document.getElementById("...");
mais je n'arrive à rien.

Je me réjouis de vous lire et d'ores et déjà merci mille fois pour l'attention que vous accorderez à ma question.

Avec toute ma reconnaissance.

Ndrea

jordane45 · Answer

Bonjour,

J'aimerais bien modifier ce code-là avec java. 
javaSCRIPT et non JAVA (ce sont deux langages différents )

 Tu sembles utiliser JQUERY

$("#input1").css("border-bottom","3px solid #933723");

très bien.. il faut continuer dans ce cas.
Voici un site qui te donnera tous les selecteurs jquery possibles
https://api.jquery.com/category/selectors/
tu peux aussi regarder ici:
https://www.w3schools.com/jquery/jquery_selectors.asp

Par exemple, pour manipuler tous les éléments html qui ont la class barre
tu peux

$(".barre").css("height","6px");

Modifier une classe CSS avec Javascript

1 réponse

Discussions similaires