Bagaimana untuk Memilih Elemen mengikut Atribut dalam Pelayar Lama?

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!