Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menggantikan Kandungan Elemen HTML Menggunakan JavaScript dan Nama Kelas?

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

Barbara Streisand
Lepaskan: 2024-12-05 07:24:13
asal
818 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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan