IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Effacer plusieurs classes


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 718
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 718
    Par défaut Effacer plusieurs classes
    Bonjour à tous,

    Dans la doc MDN, je lis cet exemple:
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    // ajouter ou supprimer plusieurs classes en utilisant la syntaxe de propagation
    const cls = ["foo", "bar"];
    div.classList.add(...cls); 
    div.classList.remove(...cls);
    Dans mon code, j'ai ceci:
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    // Effacement des classes antérieures
    const allClasses = ['force-success', 'force-middle', 'force-weak', 'force-error'];
    force.classList.remove(...allClasses);
    Le débogueur IE11 m'indique une erreur aux 3 petits points.
    Est-ce une erreur sur la doc, une incompatibilité IE ou une erreur que je n'aurais pas vue? Ma question est une question de principe, car cela marche très bien avec la syntaxe classique:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    force.classList.remove('force-success', 'force-middle', 'force-weak', 'force-error');

  2. #2
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    Les "trois petits points" c'est une syntaxe ES6, IE11 en est resté à de l'ES4.
    c'est l'équivalent de la méthode join avec un espace array.join(' '). (peut être avec une virgule, j'ai pas vérifié)

    https://developer.mozilla.org/fr/doc...es_navigateurs


    mais si tu veux simplement enlever toutes las classes sur ton élément il suffit d'utiliser la méthode className : div.className = ''

  3. #3
    Membre éprouvé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 718
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 718
    Par défaut
    Merci pour cette explication!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment effacer plusieurs tables à la fois ?
    Par AsmCode dans le forum Requêtes
    Réponses: 8
    Dernier message: 07/03/2006, 16h41
  2. Heritage de plusieur classes
    Par JiJiJaco dans le forum Langage
    Réponses: 10
    Dernier message: 26/12/2005, 19h12
  3. [css] plusieurs classes appellées? comment ça marche
    Par luta dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 09/11/2005, 00h20
  4. Utilisation de variables dans plusieurs classes
    Par dedeloux dans le forum Langage
    Réponses: 3
    Dernier message: 20/07/2005, 17h25
  5. [Servlet] Utilisation de plusieurs classes
    Par hedgehog dans le forum Servlets/JSP
    Réponses: 4
    Dernier message: 04/05/2005, 09h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo