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 régulier
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    191
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 191
    Points : 80
    Points
    80
    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
    Expert confirmé
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 476
    Détails du profil
    Informations personnelles :
    Âge : 54
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 476
    Points : 4 687
    Points
    4 687
    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));

  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 640
    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 640
    Points : 66 665
    Points
    66 665
    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());

+ 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