Bagaimanakah Saya Boleh Menggantikan Kandungan Elemen HTML Menggunakan JavaScript dan Nama Kelas?-tutorial js-php.cn

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

Barbara Streisand

Lepaskan： 2024-12-05 07:24:13

asal

855 orang telah melayarinya

How Can I Replace HTML Element Content Using JavaScript and Class Names?

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;
        }
    }
}

Salin selepas log masuk

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');

Salin selepas log masuk

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

Salin selepas log masuk

Kod ini menggantikan kandungan

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!