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 :

Sélectionner un nœud avec childNodes


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Décembre 2020
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Italie

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2020
    Messages : 17
    Par défaut Sélectionner un nœud avec childNodes
    Bonjour, quelqu'un pourra m'expliquer pourquoi je n'arrives pas changer couleur au nœud "childP1[1]".
    Merci
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <body>
        <h1 >Titre principal</h1>
        <p id='p1'><span>Un paragraphe</span> avec un <span>span</span></p>
        <div>
            <p id='p2'>Un paragraphe dans le div</p>
            <p >Un autre paragraphe dans le div</p>
        </div>
        <p>Un autre paragraphe</p>
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    lp1 = document.getElementById('p1')
    let childP1 = p1.childNodes
     
    childP1[0].style.color = 'blue'      //Fonctionne
    childP1[1].style.color = 'red'       //Ne fonctionne pas
    childP1[2].style.color = 'green'   //Fonctionne

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 208
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    Bonjour,
    ton childP1[1] est en fait " avec un".

    Utilise childP1 = p1.children de la sorte tu auras, dans ton cas, les <span> et non pas les éléments de type #text.

  3. #3
    Expert confirmé Avatar de CosmoKnacki
    Homme Profil pro
    Justicier interdimensionnel
    Inscrit en
    Mars 2009
    Messages
    2 986
    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 986
    Par défaut
    Parce que le deuxième nœud est un nœud de type Text qui n'a pas d'attribut style, contrairement au premier et au troisième nœuds qui eux sont de type Element.

    https://developer.mozilla.org/fr/doc.../Node/nodeType

    https://developer.mozilla.org/fr/docs/Web/API/Text

    https://developer.mozilla.org/fr/docs/Web/API/Element

    Donc si tu veux appliquer un style à ce deuxième nœud, tu dois le faire sur son parent (l'élément p avec l'id p1).

  4. #4
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Décembre 2020
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Italie

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2020
    Messages : 17
    Par défaut
    Ah! j'avais réussi avec son parent mais je pensais que on pouvait aussi changer la couleur directement sur le texte.. Merci pour l'explication

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

Discussions similaires

  1. [Débutant] Sélectionner un nœud avec XPATH
    Par squale10 dans le forum Développement Windows
    Réponses: 0
    Dernier message: 30/01/2018, 15h43
  2. [DOM] Création d'un noeud xml avec childNode
    Par starr dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 22/03/2007, 11h18
  3. [Tableaux] Sélectionner un array avec $_GET
    Par eZe3w dans le forum Langage
    Réponses: 3
    Dernier message: 13/02/2007, 01h22
  4. [Dates] sélectionner les lignes avec même mois
    Par carelha dans le forum Langage
    Réponses: 2
    Dernier message: 04/12/2006, 15h08
  5. Sélectionner un repertoire avec Windows
    Par SebRs dans le forum Windows
    Réponses: 3
    Dernier message: 31/03/2006, 20h29

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