Wie finde ich DOM-Elemente effizient anhand des Attributwerts?

So finden Sie ein Element im DOM basierend auf einem Attributwert

Suchen nach einem Element im Document Object Model (DOM) basierend auf Ein Attributwert ist eine häufige Aufgabe in der Webentwicklung. DOM-APIs bieten robuste Mechanismen zur Durchführung dieses Vorgangs.

In modernen Browsern ist querySelectorAll eine native Methode, mit der Sie Elemente abrufen können, die einem bestimmten CSS-Selektor entsprechen. Um beispielsweise Elemente zu finden, bei denen ein bestimmtes data-foo-Attribut auf „value“ gesetzt ist, können Sie den folgenden Selektor verwenden:

document.querySelectorAll('[data-foo="value"]');

Diese Methode wird von allen wichtigen modernen Browsern unterstützt, wie auf MDN beschrieben: https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll und https://caniuse.com/queryselector.

Für veraltete Browser wie IE9 und früher können Sie die jQuery-Bibliothek verwenden, um die gleiche Funktionalität zu erreichen:

$('[data-foo="value"]');

Das obige ist der detaillierte Inhalt vonWie finde ich DOM-Elemente effizient anhand des Attributwerts?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!