Gibt es eine Platzhaltermethode für den Elementnamenabgleich in JavaScripts „querySelector()' und „querySelectorAll()'?

Platzhalter-Elementnamenabgleich mit „querySelector()“ und „querySelectorAll()“ in JavaScript

Problem:

Das Abfragen eines XML-Dokuments mit Elementen, in deren Namen bestimmte Zeichenfolgen eingebettet sind, kann eine Herausforderung sein. Obwohl CSS Platzhalter für Attributabfragen unterstützt, scheint die gleiche Funktionalität für Elementnamen zu fehlen.

Lösung:

Leider gibt es keine einfache Möglichkeit, Platzhalterelemente abzugleichen Namen mit „querySelector()“ oder „querySelectorAll()“. Es gibt jedoch alternative Ansätze:

• Attribute Matching: CSS stellt Platzhalter für Attributwerte bereit. Um Elemente mit einer bestimmten Zeichenfolge in ihrem Namen abzugleichen, suchen Sie mithilfe der folgenden Syntax nach dem Vorhandensein dieser Zeichenfolge in einem ihrer Attribute:

  • [attribute^='value'] sucht nach Elementen, deren Attribut beginnt mit 'value'.
  • [attribute$='value'] stimmt mit Elementen überein, deren Attribut mit 'value' endet.
  • [attribute*='value'] stimmt mit Elementen überein, deren Attribut 'value' enthält '.
• Namensattribut: Wenn Sie daran interessiert sind, das Attribut „Name“ abzugleichen, ersetzen Sie einfach „id“ durch „name“ in den obigen Ausdrücken.

Beispiel:

Um alle Elemente mit der Zeichenfolge „name“ in ihrem „Name“-Attribut zu finden, könnten Sie Folgendes verwenden:

<code class="javascript">const elementsWithName = document.querySelectorAll('[name*="name"]');</code>

Hinweis:

Wenn Sie eine Platzhalterübereinstimmung für den Element-Tag-Namen selbst suchen, gibt es derzeit keine direkte Lösung mit „querySelector()“ oder „querySelectorAll()“.

Das obige ist der detaillierte Inhalt vonGibt es eine Platzhaltermethode für den Elementnamenabgleich in JavaScripts „querySelector()' und „querySelectorAll()'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!