Bagaimanakah Saya Boleh Mengesan Elemen DOM Dengan Cekap Berdasarkan Nilai Atribut?

Mencari Elemen dalam DOM Berdasarkan Nilai Atribut

Dalam pembangunan web, selalunya perlu untuk mengakses elemen dalam Model Objek Dokumen (DOM) berdasarkan nilai atribut tertentu.

Pendekatan API DOM Asli

Pelayar moden menyediakan kaedah querySelectorAll, yang membolehkan anda mencari elemen menggunakan pemilih seperti CSS. Untuk mencari elemen berdasarkan nilai atribut, gunakan sintaks berikut:

document.querySelectorAll('[attribute-name="attribute-value"]');

Sebagai contoh, untuk mencari semua elemen dengan atribut data-foo ditetapkan kepada "nilai":

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

Perhatikan bahawa kaedah ini mempunyai had keserasian penyemak imbas (lihat rujukan di bawah untuk butiran).

jQuery Alternatif

Jika anda perlu menyokong pelayar lama (IE9 dan ke bawah), anda boleh menggunakan perpustakaan jQuery:

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

Maklumat Keserasian

• [Quirksmode DOM teras dokumentasi](http://quirksmode.org/dom/core/#t14)
• [Bolehkah saya Menggunakan jadual keserasian querySelector](http://caniuse.com/queryselector)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Elemen DOM Dengan Cekap Berdasarkan Nilai Atribut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!