TypeScript:
HTML:n jäsennys
Kuinka:
Aloittaaksesi, asenna kirjasto kuten node-html-parser. Tässä on terminaalikomento:
npm install node-html-parserNyt jäsentäkäämme jotakin perus HTML:ää TypeScriptissä:
import { parse } from 'node-html-parser';
const html = `<ul class="fruits">
<li>Omena</li>
<li>Banaani</li>
</ul>`;
const root = parse(html);
console.log(root.querySelector('.fruits').textContent); // "Omena Banaani"
Ja jos haluat napata vain banaanit:
const bananas = root.querySelectorAll('li')[1].textContent;
console.log(bananas); // "Banaani"
Syväsukellus
HTML:n jäsentäminen ei ole uutta—se on ollut olemassa verkon alkupäivistä lähtien. Aluksi kehittäjät ovat ehkä käyttäneet säännöllisiä lausekkeita, mutta se muuttui nopeasti sekavaksi. Sitten tuli DOM Parser: vakaa, mutta selainrajattu.
Kirjastot kuten node-html-parser poistavat tuskan. Ne antavat sinun kyselyä HTML:ää kuten tekisit jQueryllä, mutta palvelinpuolella Node.js:n kanssa. Se on nopea, sietää likaista HTML:ää, ja on DOM-ystävällinen.
On myös jsdom, joka simuloii koko selainympäristöä. Se on raskaampi mutta perusteellisempi, luoden täysin puhalletun Document Object Model (DOM) manipulointia ja vuorovaikutusta varten.
Älkäämme unohtako Cheeriotakaan. Se yhdistää nopeuden jQueryn kaltaiseen syntaksiin ja pienempään jalanjälkeen, sijoittuen iloisesti näiden kahden väliin.
Katso Myös
Jos janotat lisää, kasta varpaasi näihin: