Heim > Web-Frontend > js-Tutorial > Hauptteil

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

DDD
Freigeben: 2024-10-30 02:34:02
Original
992 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!