Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Memilih Elemen mengikut Nama Kelas dalam JavaScript?

Bagaimana untuk Memilih Elemen mengikut Nama Kelas dalam JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-11-03 17:03:02
asal
736 orang telah melayarinya

How to Select Elements by Class Name in JavaScript?

Cara Mendapatkan Elemen mengikut Nama Kelas dalam JavaScript

Dalam JavaScript, mendapatkan elemen melalui ID mengikut sintaks:

var x=document.getElementById("by_id");
Salin selepas log masuk

Walau bagaimanapun, percubaan untuk mendapatkan semula elemen mengikut kelas dengan sintaks berikut akan mengakibatkan ralat:

var y=document.getElementByClass("by_class");
Salin selepas log masuk

Penyelesaian:

Untuk berjaya mendapatkan semula elemen mengikut kelas , gunakan fungsi getElementsByClassName sebaliknya:

var y = document.getElementsByClassName('foo');
Salin selepas log masuk

Pertimbangan:

Nilai pulangan ialah objek seperti tatasusunan (NodeList atau HTMLCollection), bukan satu elemen. Untuk mengakses elemen individu, gunakan notasi kurungan segi empat sama (y[0]).

Kaedah Alternatif:

querySelector('.foo') dan querySelectorAll('.foo ') ialah alternatif pilihan kerana sokongan penyemak imbas yang lebih luas (93.99% lwn 87.24% untuk getElementsByClassName).

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen 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