Change le style d une class javascript

Résolu/Fermé

momohuri Messages postés 235 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 9 février 2012 - 22 sept. 2011 à 10:24
Yoyoyo - 17 juil. 2015 à 15:44

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

A voir également:

Javascript change style of class
Style word - Guide
Input signal out of range ✓ - Forum Matériel & Système
Change dns - Guide
Telecharger javascript - Télécharger - Langages
Nvcontainer windows class - Forum Carte graphique

6 réponses

Réponse 1 / 6

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
22 sept. 2011 à 10:52

Pas de méthode magique malheureusement... Voici une proposition faite sur internet :

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)

momohuri Messages postés 235 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 9 février 2012 8
22 sept. 2011 à 10:59

j ai le droit a ca :
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

Réponse 3 / 6

momohuri Messages postés 235 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 9 février 2012 8
22 sept. 2011 à 10:39

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....

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
22 sept. 2011 à 10:41

Qu'entends-tu par "tous les éléments de cette classe" ?
Tu veux dire tous les éléments HTML qui ont cette classe ? Ou bien tous les attributs CSS de la classe ?

momohuri Messages postés 235 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 9 février 2012 8
22 sept. 2011 à 10:42

tout les element html qui appartienne a cette classe

Réponse 6 / 6

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
22 sept. 2011 à 11:12

Mais non, puisque que getElementsByClassName renvoie un tableau d'éléments !
Autrement dit, il faut le parcourir :-)

Essaye ça et dis m'en des nouvelles :

var elements = document.getElementsByClassName("maclasse");
for (var i=0 ; i<elements.length ; i++){
   elements[i].style.display = "none";
}

momohuri Messages postés 235 Date d'inscription lundi 6 juillet 2009 Statut Membre Dernière intervention 9 février 2012 8
22 sept. 2011 à 11:18

magique.

Merci beaucoup

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
22 sept. 2011 à 11:25

(: au plaisir :)

Yoyoyo
17 juil. 2015 à 15:44

Au top =D

Discussions similaires

erreur class has not been declared

Compiler un fichier .java en fichier .class

Fatal error: Class 'fpdf' not found

Could not find Main Class

Symfony : Object of class could not be converted to string

Error: Could not find or load main class org.ws.Main