Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Cari dan Memanipulasi Elemen HTML mengikut Nama Kelas dalam JavaScript?

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

Barbara Streisand
Lepaskan: 2024-12-08 01:02:12
asal
711 orang telah melayarinya

How Can I Find and Manipulate HTML Elements by Class Name in 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;
        }
    }
}
Salin selepas log masuk

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!

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