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 :

Supprimer un noeud d'une liste de noeuds


Sujet :

JavaScript

  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 Supprimer un noeud d'une liste de noeuds
    Bonjour,
    Dans var btns = document.querySelectorAll("[type='submit']"), je voudrais enlever un nœud spécifique de préférence en fonction de son nom, sinon de son index. Je ne trouve pas comment faire.

  2. #2
    Membre chevronné Avatar de ASCIIDEFOND
    Homme Profil pro
    Autodidacte
    Inscrit en
    Novembre 2002
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Autodidacte

    Informations forums :
    Inscription : Novembre 2002
    Messages : 235
    Par défaut
    Salut moimp,

    Référencer les éléments contenant [type='submit'] et sélectionner un index ?

    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    document.querySelectorAll("[type='submit']").forEach((elem, index) => {
        console.log(`Element: ${elem.nodeName}[${index}]`)
        console.log(elem)
     
        // if(index == 2) {...}
    })

  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
    C'est bien à peu près ce que je fais mais ça ne me dit pas comment supprimer l'index et je suis obligé de répéter une telle boucle partout où j'en ai besoin.

  4. #4
    Membre chevronné Avatar de ASCIIDEFOND
    Homme Profil pro
    Autodidacte
    Inscrit en
    Novembre 2002
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Autodidacte

    Informations forums :
    Inscription : Novembre 2002
    Messages : 235
    Par défaut
    Citation Envoyé par moimp Voir le message
    ... ça ne me dit pas comment supprimer l'index et je suis obligé de répéter une telle boucle partout où j'en ai besoin.
    Tu veux parler de la suppression d'un l'élément via son index.
    Si tu connais le nombre d'éléments et lequel sélectionner, tu peux faire comme cela.

    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    document.querySelectorAll("[type='submit']")[ici_le_numero_d_index].remove()

  5. #5
    Expert confirmé Avatar de CosmoKnacki
    Homme Profil pro
    Justicier interdimensionnel
    Inscrit en
    Mars 2009
    Messages
    2 988
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : Justicier interdimensionnel

    Informations forums :
    Inscription : Mars 2009
    Messages : 2 988
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="utf-8"/>
            <title>truc</title>
        </head>
        <body>
            <button type="submit" name="riri">Riri!</button>
            <button type="submit" name="fifi">Fifi!</button>
            <button type="submit" name="loulou">Loulou!</button>
            <br/>
            <button>Delete Fifi</button>
     
            <script>
            const deleteBtn = document.querySelector('button:last-of-type');
            
            // à partir de la liste de noeuds et de son index dans cette liste
            let submitBtn = document.querySelectorAll('button[type="submit"]');
            let nodeFoundByIndex = submitBtn.item(1);
            
            // ou directement par son attribut name sans passer par la liste
            let nodeFoundByName = document.querySelector('button[type="submit"][name="fifi"]');
            
            
            let nodeToDelete = /*nodeFoundByName; /*/nodeFoundByIndex;
            
            
            deleteBtn.addEventListener('click', () => {
                nodeToDelete.parentNode.removeChild(nodeToDelete);
                console.log(submitBtn);
            }, false);
            </script>
        </body>
    </html>

    remarque: le noeud enlevé reste présent dans la liste submitBtn malgré sa supression du DOM.

  6. #6
    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
    Finalement, j'ai trouvé une solution. J'affecte une classe aux seuls boutons qui m'intéressent et je sélectionne uniquement ceux qui ont cette classe.

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

Discussions similaires

  1. [langage] Supprimer un élément dans une liste
    Par myjuna dans le forum Langage
    Réponses: 15
    Dernier message: 06/08/2014, 11h49
  2. Supprimer la flêche d'une liste déroulante ?
    Par kleomas dans le forum IHM
    Réponses: 2
    Dernier message: 25/07/2009, 19h38
  3. [JS] supprimer un item d'une liste déroulante
    Par Commodore dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/06/2006, 14h55
  4. Réponses: 25
    Dernier message: 12/06/2006, 12h54
  5. Supprimer des éléments d'une liste
    Par espadon1 dans le forum Langage
    Réponses: 2
    Dernier message: 31/05/2006, 15h08

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