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 :

nextSibling


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    174
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 174
    Points : 70
    Points
    70
    Par défaut nextSibling
    Bonjour a tous

    UL
    B
    #text
    P

    c'est ce que me renvoi ce script qui m'affiche les noeuds "fille"
    du noeud "div" :

    Code : 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
     
    <div>
    	<ul>
    		<li>item1</li>
    		<li>item2</li>
    	</ul>
    	<b>toto1</b>
    	<p>toto2</p>
    </div>
     
    <script type="text/javascript">
     
    <!--
    var noeuds = document.getElementsByTagName("div")[0].firstChild;
    while (noeuds!=null) {
    	document.write(noeuds.nodeName + "<br>");
    	noeuds = noeuds.nextSibling;
    }
     
    //-->
    </script>
    tout va bien, sauf que je ne comprends pas tres bien pourquoi il me
    renvoi l'element #text "toto1"...
    D'ailleurs, si je remplace "<b>toto1</b>" par "<p>toto1</p>"
    le #text n'apparait plus !

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    Février 2007
    Messages
    265
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 265
    Points : 284
    Points
    284
    Par défaut
    Vi... mais si tu execute ce code sous FF au lieu de IE tu obtiendras :

    nodeName=#text
    nodeName=UL
    nodeName=#text
    nodeName=B
    nodeName=#text
    nodeName=P
    nodeName=#text

    c'est du aux espaces, cf doc sur nextsibling :
    http://developer.mozilla.org/fr/docs...nt.nextSibling

    et comment gérer les espaces :
    http://developer.mozilla.org/fr/docs...es_dans_le_DOM

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    174
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 174
    Points : 70
    Points
    70
    Par défaut
    Merci jln13 pour ta reponse,
    ça explique pourquoi si je fait ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <b>toto1</b><p>toto2</p>
    j'obtiens :

    UL
    B
    P

    Parce que y a pas de retour chariot.
    mais je pense quand meme que la balise <b> n'est pas geré de la
    meme maniere.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 662
    Points
    66 662
    Billets dans le blog
    1
    Par défaut
    UNe petite recherche rapide sur le forum avec " node cleaner" et hop un petit script qui règle la différence d'interprétation entre IE et FFX ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    Par défaut
    node cleaner, node cleaner... facile à dire
    en fait je me demande vraiment s'il y a encore une trace de ces expériences préhistoriques sur le forum!

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 662
    Points
    66 662
    Billets dans le blog
    1
    Par défaut
    tu te fais vieux J je l'ai encore retourvé récemment ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    Par défaut
    ah oui tiens; mais comme toujours c'est google qui me l'a retrouvé
    une vraie botte de foin ce forum...

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 662
    Points
    66 662
    Billets dans le blog
    1
    Par défaut
    On le retrouve nu peu partout ce bout de code, mais principalement dans les forums ou tutos ajax pour le parsage d'xml ...

    http://siddh.developpez.com/articles/ajax/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. node.nextSibling.style ne marche pas
    Par okoweb dans le forum Général JavaScript
    Réponses: 19
    Dernier message: 12/10/2010, 12h13
  2. [DOM] Navigation avec nextSibling
    Par mverhaeghe dans le forum Bibliothèques et frameworks
    Réponses: 4
    Dernier message: 28/05/2009, 11h52
  3. [Prototype] Utilisation de nextSiblings()
    Par Bownobo dans le forum Bibliothèques & Frameworks
    Réponses: 15
    Dernier message: 17/09/2008, 12h08
  4. [DOM] firstChild, nextSibling et les attributs
    Par Hibou57 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 09/09/2007, 21h43

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