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 :

Récupérer les enfants directs d'un body correspondant à une classe donnée


Sujet :

JavaScript

  1. #1
    Membre actif
    Inscrit en
    juillet 2013
    Messages
    752
    Détails du profil
    Informations forums :
    Inscription : juillet 2013
    Messages : 752
    Points : 273
    Points
    273
    Par défaut Récupérer les enfants directs d'un body correspondant à une classe donnée
    Bonjour,
    Je cherche à insérer du code HTML à l'aide de Javascript juste avant le premier élément de type class="Ma classe",
    Il faut d'abord que je trouve le noeud.
    Jusqu'ici j'avais utilisé le code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var mavar=document.body.getElementsByClasseName("Ma classe");
    Mais ce code récupère aussi les éléments qui sont les petits enfants du body. Or je ne veux pas les prendre en compte ; je veux seulement prendre en compte les enfants directs.
    Ensuite, je veux prendre le premier. Si j'étais sûr que le premier est bien un enfant direct de body, je ferais
    Mais ce n'est pas toujours le cas
    Comment puis-je résoudre ce problème c'est à dire ne dénombrer que les enfants directs ?

  2. #2
    Responsable LaTeX

    Avatar de -Nikopol-
    Homme Profil pro
    Développeur Web
    Inscrit en
    mai 2013
    Messages
    2 128
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : mai 2013
    Messages : 2 128
    Points : 11 188
    Points
    11 188
    Billets dans le blog
    5
    Par défaut
    Ceci devrait faire l'affaire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    [...body.children].filter(elmt=>elmt.matches('.my-class'))
    children renvoie la liste des enfants direct et on filtre ceux contenant la classe désirée.

  3. #3
    Membre expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    juin 2006
    Messages
    2 146
    Détails du profil
    Informations personnelles :
    Âge : 51
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : juin 2006
    Messages : 2 146
    Points : 3 844
    Points
    3 844
    Par défaut
    sinon, le selecteur d'enfant direct en CSS >
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    const tonElement = document.querySelector('body > .taClass')
    apres, un simple insertBefore fera l'affaire
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

Discussions similaires

  1. [XPATH 1.0] Référence au noeud courant, pour en récupérer ses enfants directs
    Par Lcf.vs dans le forum XSL/XSLT/XPATH
    Réponses: 12
    Dernier message: 25/03/2015, 11h13
  2. Réponses: 11
    Dernier message: 22/09/2010, 15h29
  3. Réponses: 4
    Dernier message: 06/10/2008, 17h27
  4. Récupérer les enfants d'un composant
    Par akabane dans le forum Composants VCL
    Réponses: 4
    Dernier message: 30/06/2006, 12h09
  5. Réponses: 2
    Dernier message: 18/10/2005, 09h05

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