Finden Sie Element mit Inhalten mit JavaScript

Während des Umgangs mit den Daten in Masse kann es die Möglichkeit geben, das Element beim Zugriff auf darauf zu finden. In einem solchen Fall wird die Überprüfung der einzelnen Elemente herausfordernd. Zum Beispiel die Integration des Elements in einen bestimmten Teil des Inhalts. In solchen Situationen hilft das Finden von Elementen durch Inhalte, die JavaScript unter Verwendung von JavaScript hilft.

In diesem Blog werden die Ansätze zum Finden von Elementen durch Inhalte mit JavaScript diskutiert.

So finden Sie Elemente mit Inhalten mit JavaScript?

Um Elemente durch Inhalte mit JavaScript zu finden, sind die folgenden Ansätze in Kombination mit dem “QuerySelectorAll ()”Methode und die“Textinhalt" Eigentum:

• “inklusive ()" Methode.
• “aus()" Und "passen()”Methoden.

Ansatz 1: Finden Sie Element nach Inhalten in JavaScript Verwenden Sie include () Methode

Der "QuerySelectorAll ()Die Methode holt alle Elemente ab, die einem CSS -Selektor entsprechen, und gibt eine Knotenliste zurück. Während der TextContent den Textinhalt des jeweiligen Knotens angibt und die include () -Methode zurückgibt “WAHRWenn die angegebene Zeichenfolge in einer bestimmten Zeichenfolge enthalten ist.

Diese Ansätze können in Kombination angewendet werden, um auf die zuzugreifendivElement, greifen Sie auf den enthaltenen Text zu und fügen Sie das Element an ein Null -Array an den zufriedenen Zustand an.

Syntax

dokumentieren.QuerySelectorall (Selektoren)

In der angegebenen Syntax:

• “Selektoren”Entspricht einem oder mehr als einem CSS -Selektor.

Saite.Beinhaltet (Wert)

Hier sucht die Include () -Methode nach der angegebenen “Wert"In der damit verbundenen" "Saite”.

Beispiel

Lassen Sie uns die folgende Demonstration durchlaufen:

Linux -Hinweis

Führen Sie die folgenden Schritte aus, die im obigen Code -Snippet angegeben sind:

• Geben Sie im ersten Schritt das an “divElement mit dem angegebenen Inhalt in Textform mit dem angegebenen Inhalt.
• Initialisieren Sie im JS -Code den Zeichenfolgenwert, der für den Textinhalt innerhalb der “angepasst werden mussdiv" Element.
• Danach deklarieren Sie ein leeres Array namens “enthalten”.
• Wenden Sie im nächsten Schritt die anQuerySelectorAll ()”Methode und die“für… von”Schleifen, um das zu holen“divElement durch Tag und durch die Durchführung.
• Wenden Sie nun das an “anTextinhalt”Eigentum und die“inklusive ()Methode in Kombination, um zu überprüfen, ob der initialisierte Zeichenfolgenwert in der “enthalten ist“div" Element.
• In diesem Fall wird das Element an das Erstellte angehängt “Null"Array über die"drücken()" Methode.

Ausgang

Aus der obigen Ausgabe ist es offensichtlich, dass das Element auf den zufriedenen Zustand in das Array gedrückt wird.

Ansatz 2: Finden Sie Element nach Inhalten in JavaScript mit Array.von () und match () Methoden

Der "Array.aus()Die Methode gibt ein Array aus einem Objekt mit der Länge des Arrays als Parameter zurück. Der "passen()Die Methode entspricht einer Zeichenfolge mit einem regulären Ausdruck. Diese Methoden können ebenfalls implementiert werden, um auf das Element zuzugreifen.

Syntax

Array.von (Objekt, Karte, Wert)

In der oben gegebenen Syntax:

• “Objekt”Zeigt auf das Objekt, das in ein Array umgewandelt werden soll.
• “Karte”Entspricht der Kartenfunktion, die auf jedes Element zugeordnet werden muss.
• “Wert”Ist der Wert, der als„ dies “für die Kartenfunktion verwendet werden muss.

Saite.Match (Match)

In der angegebenen Syntax:

• “passen”Bezieht sich auf den Wert, der gesucht werden muss.

Beispiel

Überlegen wir das untergegebene Beispiel:

Dies ist JavaScript -verwandte Dinge

Führen Sie die folgenden Schritte in den obigen Codezeilen aus:

• Ebenso schließen Sie die “ein

  " Element.

• In dem JavaScript -Code in ähnlicher Weise initialisieren Sie den angegebenen String -Wert.
• Wenden Sie im nächsten Schritt die anaus()”Methode mit der“QuerySelectorAll ()Methode als Parameter, der das abrufen wird

  Element nach seinem Tag, und die frühere Methode verwandelt das Ergebnis in ein Array.

• Danach initialisieren Sie eine “Null”Array. Wenden Sie auch das an “finden()Methode, die im vorherigen Schritt durch das Array zurückgegeben werden kann.
• Der "Textinhalt”Eigentum und die“passen()Die Methode entspricht dem Wert der angegebenen Zeichenfolge mit dem im zugegriffenen Element enthaltenen Text.
• Auf die zufriedene Bedingung die “

  Das Element wird an das erstellte Null -Array angehängt, wie zuvor erläutert.

Ausgang

Der obige Ausgang zeigt an, dass die gewünschte Anforderung erfüllt ist.

Abschluss

Das kombiniert “QuerySelectorAll ()”Methode und die“Textinhalt”Eigenschaften können mit dem angewendet werdeninklusive ()”Methode oder“Array.aus()" Und "passen()Methoden, um Elemente mit Inhalten mit JavaScript zu finden. In diesem Tutorial wurde erläutert, wie Elemente mithilfe von JavaScript mit Hilfe verschiedener Beispiele Elemente finden können.