Bagaimanakah Saya Boleh Menggantikan Kandungan Elemen HTML Menggunakan JavaScript dan Nama Kelas?

Cara Mengakses dan Mengubah Suai Elemen HTML mengikut Kelas dalam JavaScript

Mendapatkan elemen mengikut kelas dalam JavaScript berbeza daripada menggunakan ID kerana kekurangan JavaScript fungsi terbina untuk tujuan ini. Walau bagaimanapun, penyelesaian boleh dilaksanakan.

Untuk mengubah suai kandungan dalam elemen HTML menggunakan kelas dan bukannya ID, anda boleh menggunakan kod berikut:

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

Kod ini berulang melalui semua elemen dalam dokumen dan semak sama ada senarai kelas mereka mengandungi matchClass yang ditentukan. Apabila menemui padanan, ia menggantikan kandungan elemen itu dengan parameter kandungan yang disediakan.

Pendekatan ini memastikan keserasian merentas penyemak imbas. Berikut ialah contoh praktikal:

replaceContentInContainer('box', 'This is the replacement text');

<div class='box'></div>

Kod ini menggantikan kandungan <div> dengan teks yang ditentukan.

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