Bøker
TypeScript
Kapittel 11. HTML og nettet
Analysering av HTML

TypeScript:
Analysering av HTML

Hvordan:

For å komme i gang, installer et bibliotek som node-html-parser. Her er terminalkommandoen:

npm install node-html-parser

Nå, la oss parse noe grunnleggende HTML i TypeScript:

import { parse } from 'node-html-parser';

const html = `<ul class="fruits">
                <li>Eple</li>
                <li>Banan</li>
              </ul>`;

const root = parse(html);
console.log(root.querySelector('.fruits').textContent);  // "Eple Banan"

Og hvis du vil gripe bare bananene:

const bananas = root.querySelectorAll('li')[1].textContent;
console.log(bananas);  // "Banan"

Dypdykk

Å parse HTML er ikke nytt – det har vært rundt siden webens tidlige dager. I begynnelsen kan utviklere ha brukt regulære uttrykk, men det ble fort rotete. Så kom DOM Parser: stabil, men begrenset til nettlesere.

Biblioteker som node-html-parser abstraherer bort smerten. De lar deg forespørre HTML som du ville med jQuery, men server-side med Node.js. Det er raskt, tolerant til skitten HTML, og DOM-vennlig.

Det er også jsdom, som simulerer et helt nettlesermiljø. Det er tyngre, men mer grundig, og skaper en fullblåst Document Object Model (DOM) for manipulering og interaksjon.

Vi må heller ikke glemme Cheerio. Det blander hastighet med en jQuery-lignende syntaks og mindre fotavtrykk, og sitter lykkelig mellom de to.

Se Også

Hvis du er tørst etter mer, dykk inn i disse:

Nedlasting av en nettsideÅ sende en HTTP-forespørsel