Modifier une classe CSS avec Javascript
Résolu/Fermé
A voir également:
- Modifier une classe CSS avec Javascript
- Modifier pdf - Guide
- Retour à la ligne css - Forum CSS
- Modifier liste déroulante excel - Guide
- Telecharger javascript - Télécharger - Langages
- Modifier extension fichier - Guide
1 réponse
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
31 janv. 2020 à 10:38
31 janv. 2020 à 10:38
Bonjour,
javaSCRIPT et non JAVA (ce sont deux langages différents )
Tu sembles utiliser JQUERY
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
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");
31 janv. 2020 à 13:52
Merci beaucoup pour ces précisions et navré pour la confusion des langages.
Je vais potasser. :)
Un excellent week-end à vous.
Modifié le 31 janv. 2020 à 14:13
quand à JQuery c'est une utilisation de JavaScript qui se sert d'un fichier générique comprenant des outils bien pratique.
pour infos voici en pur JavaScript les équivalents
document.getElementsByClassName('aaa'); //-- fournit un tableau de tous les éléments avec la classe 'aaa' //--Pour modifier un attribut de balise: ELEMENT.setAttribute('style', 'border: 3px solid #933723;');/** modifie l'attribut style de ELEMENT avec la valeur du 2ème paramètre */Il est aussi possible de changer ce qui est indiqué dans la balise style de la page(si il y en a une) mais pour l'instant ce contenu est traité comme du texte.
//-- vérifie si il y a bien une balise style sinon on la crée et on la met dans le HEAD if(styleDePage ===undefined || styleDePage === null){ let baliseStyle=document.createElement('STYLE'); baliseStyle.setAttribute('type', 'text/css'); baliseStyle.setAttribute('rel', 'stylesheet'); document.getElementsByTagName('head')[0].appendChild(baliseStyle); } let styleDePage= document.getElementsByTagName('style')[0]; let texteDuCSS=styleDePage.innerHTML; //-- ajoute une classe styleDePage.innerHTML=texteDuCSS+' .maNouvelleClasse{ border: 3px solid red; }';31 janv. 2020 à 14:43
Merci pour ces nouvelles précisions, c'est top!