Change le style d une class javascript
Résolu
momohuri
Messages postés
256
Statut
Membre
-
Yoyoyo -
Yoyoyo -
Bonjour,
j ai beaucoup trouve d aide en javascript pour change la class d un element, mais je voudrait plutot change le style d une classe.
Merci
j ai beaucoup trouve d aide en javascript pour change la class d un element, mais je voudrait plutot change le style d une classe.
Merci
A voir également:
- Javascript change style of class
- Style word - Guide
- Change dns - Guide
- Nom pour facebook stylé - Guide
- Style d'écriture a copier coller - Guide
- Telecharger javascript - Télécharger - Langages
6 réponses
Pas de méthode magique malheureusement... Voici une proposition faite sur internet :
Installe ce code, et lance document.getElementsByClassName(nomdelaclasse).
Cela te retourne un tableau contenant tous les éléments de la page appartenant à cette classe, par ordre dans la page.
(Source : https://www.thoughtco.com/javascript-programming-4133476)
document.getElementsByClassName = function(class) {
var retnode = [];
var myclass = new RegExp('\\b'+class+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};
Installe ce code, et lance document.getElementsByClassName(nomdelaclasse).
Cela te retourne un tableau contenant tous les éléments de la page appartenant à cette classe, par ordre dans la page.
(Source : https://www.thoughtco.com/javascript-programming-4133476)
Hello,
Tu ne peux pas modifier directement le style de la classe. La solution la plus simple reste de faire deux styles CSS pour deux classes différentes, et de modifier la classe comme tu sais déjà faire.
Je rappelle au passage qu'un élément peut appartenir à plusieurs classes.
Exemple :
Pour changer son style sans toucher, par exemple, à sa hauteur, tu changeras la classe 2 :
Tu ne peux pas modifier directement le style de la classe. La solution la plus simple reste de faire deux styles CSS pour deux classes différentes, et de modifier la classe comme tu sais déjà faire.
Je rappelle au passage qu'un élément peut appartenir à plusieurs classes.
Exemple :
<div class="classe1 classe2style1"></div>
Pour changer son style sans toucher, par exemple, à sa hauteur, tu changeras la classe 2 :
<div class="classe1 classe2style2"></div>
Oki,
Et comment esque je peut recupere d un coup tout les element de cette classe? pour les modifier tous en meme temp?
j ai essaye avec :
document.images.monimg.className= "ligne1";
mais ca ne recupere que la premiere....
Et comment esque je peut recupere d un coup tout les element de cette classe? pour les modifier tous en meme temp?
j ai essaye avec :
document.images.monimg.className= "ligne1";
mais ca ne recupere que la premiere....
Le mot class est un mot réservé !
Et ensuite toi tu appelles la méthode avec par exemple :
var elementDeClasse1 = document.getElementsByClassName("classe1");
<script type="text/javascript">
document.getElementsByClassName = function(classParam) {
var retnode = [];
var myclass = new RegExp('\\b'+classParam+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};
</script>
Et ensuite toi tu appelles la méthode avec par exemple :
var elementDeClasse1 = document.getElementsByClassName("classe1");
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
haha merci, je vais continuer a t embete un petit peu et ca sera finit^^
document.getElementsByClassName("class1").style.display='none';
ce bordel est censée fonctionne mtn non? mais c aveut pas...
document.getElementsByClassName("class1").style.display='none';
ce bordel est censée fonctionne mtn non? mais c aveut pas...
Erreur : class is a reserved identifier
document.getElementsByClassName = function(class) {
donc je me suis dit qu il fallait remplace le 'class' par le nom de ma classe. mais j ai ca :
Erreur : missing formal parameter
Code Source :
document.getElementsByClassName = function('maclass') {
je suis vriament pas fort en javascript...
merci de ton aide en tout cas