Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya Memilih Elemen mengikut Nama Kelas dalam JavaScript?

Bagaimanakah saya Memilih Elemen mengikut Nama Kelas dalam JavaScript?

Linda Hamilton
Lepaskan: 2024-11-02 12:09:02
asal
1023 orang telah melayarinya

How do I Select Elements by Class Name in JavaScript?

Cara Mendapatkan Elemen mengikut Nama Kelas

Dalam JavaScript, mendapatkan semula elemen mengikut IDnya adalah mudah menggunakan kaedah document.getElementById(). Walau bagaimanapun, mendapatkan elemen mengikut kelas adalah sedikit berbeza dan pada mulanya boleh menyebabkan kekeliruan.

Nama kaedah yang betul untuk memilih elemen mengikut kelas ialah document.getElementsByClassName(). Ini kerana berbilang elemen pada halaman web boleh berkongsi kelas yang sama, oleh itu penggunaan 'Elemen', yang mengembalikan NodeList atau objek seperti tatasusunan.

Berikut ialah contoh:

<code class="javascript">var elementsByClass = document.getElementsByClassName('class_name');
console.log(elementsByClass[0]); // Accesses the first element with the provided class name</code>
Salin selepas log masuk

Jika anda perlu menukar NodeList kepada tatasusunan sebenar, anda boleh menggunakan kaedah berikut:

<code class="javascript">var arrayFromList1 = Array.prototype.slice.call(elementsByClass);

// Alternatively, you can use the following syntax to convert the NodeList to an array
var arrayFromList2 = [].slice.call(elementsByClass);</code>
Salin selepas log masuk

Perlu diperhatikan bahawa menggunakan querySelector() atau querySelectorAll() untuk memilih elemen mengikut kelas secara amnya diutamakan kerana sokongan merentas penyemak imbas yang lebih baik.

Akhir sekali, disyorkan untuk merujuk kepada sumber bereputasi seperti MDN untuk mendapatkan maklumat JavaScript yang tepat dan terkini.

Atas ialah kandungan terperinci Bagaimanakah saya Memilih Elemen mengikut Nama Kelas dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan