Heim  >  Artikel  >  Web-Frontend  >  Wie wähle ich Elemente in älteren Browsern nach Attributen aus?

Wie wähle ich Elemente in älteren Browsern nach Attributen aus?

DDD
DDDOriginal
2024-10-30 02:34:02993Durchsuche

How to Select Elements by Attribute in Older Browsers?

So rufen Sie Elemente nach Attribut ohne querySelectorAll ab

Frage:

Wie können Sie Elemente nach einem bestimmten Attribut abrufen, wenn Die querySelectorAll-Methode ist nicht verfügbar, beispielsweise in älteren Browsern wie IE7?

Native Lösung:

In Browsern, denen querySelectorAll fehlt, können Sie eine benutzerdefinierte Funktion implementieren, um ähnliches zu erreichen Funktionalität:

<code class="javascript">function getAllElementsWithAttribute(attribute) {
  const matchingElements = [];
  const allElements = document.getElementsByTagName('*');
  for (let i = 0; i < allElements.length; i++) {
    if (allElements[i].getAttribute(attribute) !== null) {
      // Element exists with attribute. Add to array.
      matchingElements.push(allElements[i]);
    }
  }
  return matchingElements;
}</code>

Beispiel:

Um Elemente mit dem „data-foo“-Attribut abzurufen, können Sie den folgenden Code verwenden:

<code class="javascript">const elementsWithFooAttribute = getAllElementsWithAttribute('data-foo');</code>

Das obige ist der detaillierte Inhalt vonWie wähle ich Elemente in älteren Browsern nach Attributen aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn