Bagaimanakah saya boleh mendapatkan semula elemen mengikut nama kelas dalam JavaScript?

Mendapatkan Elemen mengikut Nama Kelas

Dalam JavaScript, mendapatkan elemen melalui IDnya dicapai melalui document.getElementById("element-id ") kaedah. Walau bagaimanapun, apabila cuba mengakses elemen dengan nama kelasnya menggunakan document.getElementByClass("class-name"), ralat возникает.

Penyelesaian: getElementsByClassName()

Sintaks yang betul untuk mendapatkan semula elemen berdasarkan nama kelasnya ialah document.getElementsByClassName("class-name"). Kaedah ini mengembalikan NodeList, yang mengandungi semua elemen yang berkongsi kelas yang ditentukan. Untuk mengakses elemen tertentu dalam NodeList, gunakan indeksnya, seperti y[0] untuk mengakses elemen padanan pertama.

Menukar kepada Array

Jika anda memerlukan NodeList untuk diwakili sebagai tatasusunan, anda boleh melakukannya dengan menggunakan kaedah Array.prototype.slice.call():

var arrFromList = Array.prototype.slice.call(y);

Pendekatan Alternatif

Sebaliknya, pertimbangkan untuk menggunakan kaedah querySelectorAll('.foo') atau querySelector('.foo'), kerana ia menyediakan sokongan penyemak imbas yang lebih baik.

Pertimbangan Tambahan

• Untuk mendapatkan maklumat yang tepat tentang manipulasi DOM, rujuk MDN dan bukannya W3Schools.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mendapatkan semula elemen mengikut nama kelas dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!