Analysieren Sie eine HTML -Zeichenfolge mit JS - JavaScript

Analysieren Sie eine HTML -Zeichenfolge mit JS - JavaScript
Bei der Verwaltung der Aufzeichnungen in JavaScript kann es die Voraussetzung geben, dass mehrere Einträge für die Nutzung in der Zukunft beibehalten werden. Zum Beispiel die Anhänge verschiedener wichtiger HTML. In solchen Situationen ist das Parsen einer HTML -Zeichenfolge mit JS von großer Hilfe, um die Gesamtkomplexität des Codes zu verringern.

Dieses Tutorial zeigt die Strategien, um eine HTML -Zeichenfolge mit JavaScript zu analysieren.

So analysieren Sie eine HTML -Zeichenfolge mit JavaScript?

Wenden Sie die folgenden Strategien an:

  • CreateLement ()Methode und “Innerhtml" Eigentum.
  • Domparser ()"Konstruktor und"vorhersfromstring ()" Methode.

Methode 1: Analysieren Sie eine HTML

Der "CreateLement ()Die Methode wird verwendet, um einen Knoten für ein HTML -Element dynamisch und die “zu erzeugenInnerhtmlEigenschaft gibt den HTML -Inhalt eines Elements an. Diese Ansätze können angewendet werden, um ein Element im JavaScript -Code zu erstellen und einen HTML -String anzuhängen.

Syntax

dokumentieren.CreateLement ('ElementName');

In dieser Syntax “,“Elementname”Bezieht sich auf das HTML -Element, das erstellt werden muss.

Beispiel

Lassen Sie uns die unterbezeichnete Demonstration durchlaufen:

Im obigen Codeblock:

  • Erstellen Sie zunächst ein HTML -Element namens “P" Verwendung der "CreateLement ()" Methode.
  • Gehen Sie im nächsten Schritt das angegebene HTML -Element mit dem “anInnerhtml" Eigentum.
  • Zuletzt zeigen Sie das erstellte Element an, das die analysierte HTML -Zeichenfolge auf der Konsole sammelt.

Ausgang

Aus der angegebenen Ausgabe ist ersichtlich, dass das “

Methode 2: analysieren Sie eine HTML

Der "Domparser ()Konstruktor erstellt das DOM -Parser -Objekt und das “vorhersfromstring ()Die Methode wird verwendet, um die enthaltene Zeichenfolge in das HTML- oder XML -Dokument zu analysieren. Diese Ansätze können angewendet werden, um eine HTML -Zeichenfolge durch Angabe des Dokumenttyps analysieren.

Syntax

dokumentieren.ParsefromString (String, 'Mimetyp')

In dieser Syntax:

  • Saite”Entspricht dem Element, das im Dokument analysiert werden muss.
  • Mime Typ”Gibt den Dokumenttyp an, der den Parsertyp aufruft.

Beispiel

Lassen Sie uns die unterhalb der festgelegten Codezeilen durchlaufen:

Im obigen Code -Snippet:

  • Erstellen Sie zunächst ein neues DOM -Parser -Objekt mit der “neu"Schlüsselwort und das"Domparser ()Konstruktor.
  • Verbinden Sie im nächsten Schritt das erstellte Objekt mit dem “vorhersfromstring ()Methode, um den angegebenen String -Wert zu analysieren.
  • Der "Text/HTML”Im Parameter der Methode gibt an, dass die analysierte Zeichenfolge ein HTML -Dokument ist.
  • Zuletzt die analysierte HTML -Zeichenfolge auf der Konsole anzeigen.

Ausgang

In der obigen Ausgabe ist es offensichtlich, dass der neue DOM -Parser erfolgreich konstruiert ist.

Abschluss

Verwenden Sie die “, um eine HTML -Zeichenfolge mit JavaScript zu analysieren, die“CreateLement ()Methode und “Innerhtml”Eigentum oder das“Domparser ()"Konstruktor und"vorhersfromstring ()" Methode. Erstere Ansätze können verwendet werden, um ein HTML -Element im JS -Code zu erstellen und eine bestimmte HTML -Zeichenfolge zu analysieren. Der letztere Ansatz kann angewendet werden, um ein neues DOM -Parser -Objekt zu erstellen und eine HTML -Zeichenfolge durch Angabe des Dokumenttyps analysieren. In diesem Artikel wurde die Strategien zur Analyse einer HTML-Zeichenfolge mit JS erörtert.