Analyse en HTML -streng med JS - JavaScript
Denne opplæringen vil demonstrere strategiene for å analysere en HTML -streng med JavaScript.
Hvordan analysere en HTML -streng ved hjelp av JavaScript?
For å analysere en HTML -streng med JavaScript, bruk følgende strategier:
- “CreateElement ()”Metode og“indrehtml”Eiendom.
- “DomParser ()”Konstruktør og“ParsefromString ()”Metode.
Metode 1: Analyse en HTML -streng i JavaScript ved hjelp av CreateElement () -metoden og InnerHTML -egenskapen
“CreateElement ()”Metode brukes til å generere en node for et HTML -element dynamisk, og“indrehtml”Eiendom gir HTML -innholdet i et element. Disse tilnærmingene kan brukes for å lage et element i JavaScript -koden og legge til en HTML -streng til den.
Syntaks
dokument.CreateElement ('ElementName');I denne syntaksen, “elementname”Refererer til HTML -elementet som må opprettes.
Eksempel
La oss gå gjennom den under-uttalte demonstrasjonen:
I kodeblokken ovenfor:
- For det første, lage et HTML -element som heter “p" bruker "CreateElement ()”Metode.
- I neste trinn, legg det angitte HTML -elementet ved å bruke “indrehtml”Eiendom.
- Til slutt, vis det opprettede elementet som akkumulerer den analyserte HTML -strengen på konsollen.
Produksjon
Fra den gitte utgangen kan det sees at " Metode 2: Analyse en HTML -streng i JavaScript ved hjelp av DomParser () Constructor and ParsefromString () -metoden “DomParser ()”Konstruktør lager DOM -parser -objektet, og“ParsefromString ()”Metode brukes til å analysere den inneholdende strengen til HTML- eller XML -dokumentet. Disse tilnærmingene kan brukes på å analysere en HTML -streng ved å spesifisere dokumenttypen. Syntaks I denne syntaksen: Eksempel La oss gå gjennom de under-uttalte kodelinjene: I ovennevnte kodebit: Produksjon I output er det tydelig at den nye DOM -parseren er vellykket konstruert. Konklusjon For å analysere en HTML -streng med JavaScript, bruk "CreateElement ()”Metode og“indrehtml”Eiendom eller“DomParser ()”Konstruktør og“ParsefromString ()”Metode. De tidligere tilnærmingene kan brukes til å lage et HTML -element i JS -kode og analysere en bestemt HTML -streng. Den sistnevnte tilnærmingen kan brukes for å lage et nytt DOM -parser -objekt og analysere en HTML -streng ved å spesifisere dokumenttypen. Denne oppskrivningen diskuterte strategiene for å analysere en HTML-streng med JS.