Bagaimanakah Saya Boleh Cari dan Memanipulasi Elemen HTML mengikut Nama Kelas dalam JavaScript?

Mencari Elemen mengikut Kelas dalam JavaScript

Walaupun fungsi getElementById() berguna untuk mengakses elemen dengan pengecam uniknya, terdapat situasi di mana anda perlu mencari elemen menggunakan kelas mereka. JavaScript tidak menyediakan fungsi asli untuk tujuan ini, mendorong keperluan untuk pendekatan alternatif.

Satu penyelesaian ialah memanfaatkan kaedah getElementsByTagName(), yang mendapatkan semula semua elemen jenis teg yang ditentukan. Dengan mengulangi elemen ini dan memeriksa sifat className mereka, anda boleh mengenal pasti yang sepadan dengan kelas sasaran anda.

Kod berikut menunjukkan cara menggantikan kandungan dalam elemen HTML berdasarkan kelasnya:

function replaceContentInContainer(matchClass, content) {
    var elems = document.getElementsByTagName('*'), i;
    for (i in elems) {
        if ((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ') > -1) {
            elems[i].innerHTML = content;
        }
    }
}

Dalam fungsi ini, kami mengulangi semua elemen pada halaman dan menyemak sama ada sifat className mereka mengandungi matchClass yang ditentukan. Jika padanan ditemui, HTML dalaman elemen dikemas kini dengan kandungan yang disediakan.

Pendekatan ini menyediakan cara untuk memanipulasi elemen berdasarkan kelasnya, walaupun JavaScript tidak menawarkan fungsi khusus untuk tujuan ini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Cari dan Memanipulasi Elemen HTML mengikut Nama Kelas dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!