Analyser une chaîne HTML avec JS

Question

Analyser une chaîne HTML avec JS

Demandé el 14 de Mai, 2012: Quand la question a-t-elle été
607264 affichage: Nombre de visites la question a
4 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Je veux analyser une chaîne qui contient du texte HTML. Je veux le faire en JavaScript.

J'ai essayé le Bibliothèque d'analyseur HTML en JavaScript pur mais il semble qu'il analyse le HTML de ma page actuelle, et non une chaîne de caractères. Car lorsque j'essaie le code ci-dessous, le titre de ma page est modifié :

var parser = new HTMLtoDOM("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>", document);

Mon objectif est d'extraire des liens d'une page HTML externe que je lis comme une chaîne de caractères.

Connaissez-vous une API pour le faire ?

Demandé el 14 de Mai, 2012 par stage

Answer 1

4 Réponses

Answer 2

3voto

Rafael Mori Points 352

Je pense que le meilleur moyen est d'utiliser este API comme ça :

//Table string in HTML format
const htmlString = '<table><tbody><tr><td>Cell 1</td><td>Cell 2</td></tr></tbody></table>';

//Parse using DOMParser native way
const parser = new DOMParser();
const $newTable = parser.parseFromString(htmlString, 'text/html');

//Here you can select parts of your parsed html and work with it
const $row = $newTable.querySelector('table > tbody > tr');

//Here i'm printing the number of columns (2)
const $containerHtml = document.getElementById('containerHtml');
$containerHtml.innerHTML = ['Your parsed table have ', $row.cells.length, 'columns.'].join(' ');

<div id="containerHtml"></div>

Répondu el 9 de Décembre, 2021 par Rafael Mori (352 Points )

Answer 3

0voto

danish ali Points 69

J'ai dû utiliser innerHTML d'un élément analysé dans le popover de Angular NGX Bootstrap popover. Voici la solution qui a fonctionné pour moi.

public htmlContainer = document.createElement( 'html' );

dans le constructeur

this.htmlContainer.innerHTML = ''; setTimeout(() => { this.convertToArray(); });

 convertToArray() {
    const shapesHC = document.getElementsByClassName('weekPopUpDummy');
    const shapesArrHCSpread = [...(shapesHC as any)];
    this.htmlContainer = shapesArrHCSpread[0];
    this.htmlContainer.innerHTML = shapesArrHCSpread[0].textContent;
  }

en html

<div class="weekPopUpDummy" [popover]="htmlContainer.innerHTML" [adaptivePosition]="false" placement="top" [outsideClick]="true" #popOverHide="bs-popover" [delay]="150" (onHidden)="onHidden(weekEvent)" (onShown)="onShown()">

Répondu el 28 de Mai, 2021 par danish ali (69 Points )

Answer 4

0voto

Weilory Points 1194

function parseElement(raw){
    let el = document.createElement('div');
    el.innerHTML = raw;
    let res = el.querySelector('*');
    res.remove();
    return res;
}

note : la chaîne brute ne doit pas comporter plus de 1 élément

Répondu el 29 de Décembre, 2021 par Weilory (1194 Points )

Answer 5

-1voto

Den Nikitin Points 19

let content = "<center><h1>404 Not Found</h1></center>"
let result = $("<div/>").html(content).text()

contenu : <center><h1>404 Not Found</h1></center> ,
résultat : "404 Not Found"

Répondu el 7 de Octobre, 2020 par Den Nikitin (19 Points )

Analyser une chaîne HTML avec JS

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Analyser une chaîne HTML avec JS

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: