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 contenu d'une balise HTML issue d'un objet


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 200
    Par défaut Récupérer contenu d'une balise HTML issue d'un objet
    Bonjour,

    J'aimerais récupérer des contenu de balise <strong> qui sont dans un objet :

    voici l'objet qui resort dans ma console:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Object { v: "80", c: "warning", tt: "<strong>4</strong> / <strong>5</strong> observation.s<br>\n<span class=\"label label-warning\">\n  <small>\n    <span class=\"glyphicon glyphicon-exclamation-sign\"></span>\n    Effectif faible\n  </small>\n</span><br><br><u>Conformité</u><br><i>Novice : oui</i>\n<br><br><u>En cours</u><br><i>Toutes les catégorie</i>", w: true, t: "Simple<br>fonction", i: undefined }
    Pour récupérer l'élément "tt" pas trop de souci mais je ne vois pas comment je pourrais récupérer les 2 chiffres qui sont dans les balises <strong>.

    Merci

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 492
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 492
    Par défaut
    une solution (pour changer des splits ou des regexp)
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    const str = "<strong>4</strong> / <strong>5</strong> observation.s<br>\n<span class=\"label label-warning\">\n  <small>\n    <span class=\"glyphicon glyphicon-exclamation-sign\"></span>\n    Effectif faible\n  </small>\n</span><br><br><u>Conformité</u><br><i>Novice : oui</i>\n<br><br><u>En cours</u><br><i>Toutes les catégorie</i>";
     
    const frag = document.createRange().createContextualFragment(str);
     
    frag.querySelectorAll('strong').forEach(el => console.log(el.textContent));
    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 !

  3. #3
    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 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 658
    Billets dans le blog
    1
    Par défaut
    Je vois deux possibilités:
    une regEx

    ou la transformation du string de code HTML en element DOM :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    tt="<strong>4</strong> / <strong>5</strong> observation.s<br>\n<span class=\"label label-warning\">\n  <small>\n    <span class=\"glyphicon glyphicon-exclamation-sign\"></span>\n    Effectif faible\n  </small>\n</span><br><br><u>Conformité</u><br><i>Novice : oui</i>\n<br><br><u>En cours</u><br><i>Toutes les catégorie</i>";
    $tt=$(tt);
    console.log($($tt[0]).html());
    console.log($($tt[2]).html());
    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 !

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

Discussions similaires

  1. [RegEx] Remplacement du contenu d'une balise HTML
    Par Tchupacabra dans le forum Langage
    Réponses: 3
    Dernier message: 09/08/2008, 23h51
  2. Contenu d'une balise HTML
    Par cricrinho dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 11/07/2007, 13h42
  3. [AJAX] récupérer contenu d'une balise xml
    Par Braillane dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 27/06/2007, 08h08
  4. Récupérer contenu d'une page HTML
    Par ArHacKnIdE dans le forum Langage
    Réponses: 9
    Dernier message: 07/11/2006, 08h56
  5. [Tableaux] Récupérer le contenu d'une balise HTML
    Par StarNab dans le forum Langage
    Réponses: 2
    Dernier message: 01/09/2006, 12h38

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