Parsuj ciąg HTML z JS - JavaScript
Ten samouczek pokaże strategie analizowania ciągu HTML z JavaScript.
Jak przeanalizować ciąg HTML za pomocą JavaScript?
Aby przeanalizować ciąg HTML z JavaScript, zastosuj następujące strategie:
- "createElement ()”Metoda i„InnerHtml" nieruchomość.
- "DOMPARSER ()”Konstruktor i„pochodzenie" metoda.
Metoda 1: Parsuj ciąg HTML w JavaScript za pomocą metody CreateElement () i właściwości InnerHTML
„„createElement ()„Metoda jest stosowana do dynamicznego generowania węzła dla elementu HTML i„ „InnerHtml„Właściwość podaje zawartość HTML elementu. Te podejścia można zastosować do utworzenia elementu w kodzie JavaScript i dołączanie do niego ciąg HTML.
Składnia
dokument.CreateElement („ElementName”);W tej składni „Nazwa elementu”Odnosi się do elementu HTML, który należy utworzyć.
Przykład
Przejdźmy przez poniższą demonstrację:
W powyższym bloku kodu:
- Po pierwsze, utwórz element HTML o nazwie „P" używając "createElement ()" metoda.
- W następnym kroku dołącz podany element HTML za pomocą „InnerHtml" nieruchomość.
- Na koniec wyświetl utworzony element gromadzący przeanalizowany ciąg HTML na konsoli.
Wyjście
Z danego wyjścia widać, że „ Metoda 2: Parsuj ciąg HTML w JavaScript za pomocą konstruktora DOMPARSER () „„DOMPARSER ()„Konstruktor tworzy obiekt parsera DOM i„pochodzenie”Metoda służy do analizowania ciągnika do dokumentu HTML lub XML. Podejścia te można zastosować w celu przeanalizowania ciągu HTML, określając typ dokumentu. Składnia W tej składni: Przykład Przejrzyjmy poniższe linie kodu: W powyższym fragmencie kodu: Wyjście W powyższym wyjściu widać, że nowy parser DOM jest skutecznie konstruowany. Wniosek Aby przeanalizować ciąg HTML z JavaScript, użyj „createElement ()”Metoda i„InnerHtml„Własność lub„DOMPARSER ()”Konstruktor i„pochodzenie" metoda. Pierwsze podejścia można zastosować do utworzenia elementu HTML w kodzie JS i analizowaniu określonego ciągu HTML. To ostatnie podejście można zastosować, aby utworzyć nowy obiekt parsera DOM i analizować ciąg HTML, określając typ dokumentu. W tym spisie omówiono strategie analizowania ciągu HTML z JS.