Element durch ID abrufen, indem Sie mit JavaScript teilweise übereinstimmen

Webseiten mit mehreren Funktionen erfordern im Allgemeinen lange Codes. In einem solchen Fall hilft die Zuweisung einer gemeinsamen Identität oder eines Teils davon mehreren Elementen den Entwickler in hohem Maße. Zum Beispiel die Zuweisung eines Teils der ID, der in allen Elementen gleichzeitig gleichzeitig zugänglich ist. In solchen Fällen ist es von großer Hilfe, die Codekomplexität zu vereinfachen.

In diesem Blog wird der Ansatz diskutiert, um Element per ID zu erhalten, indem Sie die Zeichenfolge in JavaScript teilweise übereinstimmen.

Wie man ein Element durch bekommt/holt Ausweis durch teilweise übereinstimmende Zeichenfolge in JavaScript?

Das Element kann durch ID abgerufen werden, indem die Zeichenfolge in JavaScript teilweise übereinstimmtdokumentieren.QuerySelectorAll ()" Methode. Diese Methode holt alle Elemente ab, die einem CSS -Selektor entsprechen, und gibt eine Knotenliste zurück.

Syntax

dokumentieren.QuerySelectorall (Selektoren)

In der obigen Syntax:

“Selektoren”Siehe einen oder mehrere CSS -Selektoren.

Beispiel 1: Holen Sie sich das Element, indem Sie die ID von Anfang an teilweise übereinstimmen

In diesem Beispiel das “dokumentieren.QuerySelectorAll ()Die Methode kann verwendet werden, um das Element abzurufen, indem die String -ID vom Start angibt und nicht die vollständige ID:

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

• Geben Sie zunächst das an “Element, indem Sie seine Quelle über die “angeben“src”Attribut und die angegebenen“Ausweis”.
• Danach im JavaScript -Code auf das angegebene Element durch die “zugreifenAusweis"Von Anfang an verwenden Sie die"QuerySelectorAll ()" Methode.
• Beachten Sie, dass "^”Entspricht dem Start.
• Schließlich zeigen Sie das Element an, das von der teilweisen String -ID von Anfang an der Konsole abgerufen wurde.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass das entsprechende Element und seine ID auf der Konsole angezeigt werden.

Beispiel 2: Holen Sie sich Element, indem Sie die ID teilweise vom Ende abgleichen

In diesem Beispiel das “dokumentieren.QuerySelectorAll ()Die Methode kann ebenfalls angewendet werden, um das Element zu erhalten, indem Sie die String -ID am Ende teilweise übereinstimmen:

Implementieren Sie die folgenden Schritte in den oben genannten Codezeilen:

• Erinnern Sie sich an den diskutierten Ansatz, um das Bild mit dem angegebenen Bild aufzunehmenAusweis”.
• Greifen Sie im JS -Code auf die enthaltene zu “Element, indem die ID vom Ende angeben, mit der “QuerySelectorAll ()" Methode.
• Notiere dass der "$Im Code übereinstimmt vom Ende der ID.
• Zuletzt das entsprechende Element auf der Konsole anzeigen.

Ausgang

Der obige Ausgang zeigt an, dass die gewünschte Anforderung erreicht wird.

Beispiel 3: Holen Sie sich Element, indem Sie die enthaltene ID teilweise übereinstimmen

In dieser Demonstration wird das entsprechende Element abgerufen, indem die String -ID teilweise aus einer der Positionen abgibt:

Im obigen Code:

• Nehmen Sie ebenfalls das angegebene Bild mit dem Zuweisungen ein “Ausweis”.
• Greifen Sie im JavaScript -Code auf das Element zu, indem Sie teilweise mit der “übereinstimmenAusweisDen angegebenen String -Wert darin haben.
• Beachten Sie, dass "*”Übereinstimmung mit der ID aus jeder Position.
• Schließlich zeigen Sie das abgerufene Element an.

Ausgang

Das abgerufene Element in der obigen Ausgabe überprüft, dass das angegebene “Ausweis”Wird mit der ID des Elements aus einer der Positionen abgestimmt.

Abschluss

Der "dokumentieren.QuerySelectorAll ()Die Methode kann verwendet werden, um ein Element durch seine ID abzurufen, indem der Zeichenfolge teilweise mit JavaScript übereinstimmt. Diese Methode kann implementiert werden, um teilweise mit der enthaltenen Zeichenfolge in einer ID von Start, Ende oder einer beliebigen Position abzustimmen, um ein Element zu holen. In diesem Tutorial wurde erläutert, wie ein Element durch ID abgerufen werden kann, indem Sie eine Zeichenfolge teilweise in JavaScript abgleichen.