Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Memilih Elemen mengikut Atribut dalam Pelayar Lama?

Bagaimana untuk Memilih Elemen mengikut Atribut dalam Pelayar Lama?

DDD
DDDasal
2024-10-30 02:34:02994semak imbas

How to Select Elements by Attribute in Older Browsers?

Cara Mendapatkan Elemen mengikut Atribut Tanpa querySelectorAll

Soalan:

Bagaimana anda boleh mendapatkan semula elemen mengikut atribut tertentu apabila kaedah querySelectorAll tidak tersedia, seperti dalam pelayar lama seperti IE7?

Penyelesaian Asli:

Dalam pelayar yang kekurangan querySelectorAll, anda boleh melaksanakan fungsi tersuai untuk mencapai yang serupa kefungsian:

<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>

Contoh:

Untuk mendapatkan semula elemen dengan atribut "data-foo", anda boleh menggunakan kod berikut:

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

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen mengikut Atribut dalam Pelayar Lama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn