Bagaimanakah saya Memilih Elemen mengikut Nama Kelas dalam 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>

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>

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!