Cara Mendapatkan Semua Elemen HTML Berdasarkan class di JavaScript

Dibuat
·
Diperbarui
·
Dilihat22 kali
0

Saya ingin mendapatkan semua elemen HTML yang mengandung class tertentu menggunakan JavaScript bagaimana caranya ya?

Contoh, kode dibawah:

<button class="btn">btn1</button>
<div class="card">card</div>
<button class="btn btn-primary">btn primary</button>
<div class="thumbnail">thumbnail</div>
<button class="btn btn-secondary">btn secondary</button>

Bagaimana cara mendapatkan semua elemen yang memiliki class btn? Hasilnya harus ada 3 elemen.

JavaScriptHTML
1 Jawaban
0

Bisa menggunakan document.getElementsByClassName("btn") atau document.querySelectorAll(".btn"), seperti ini:

<button class="btn">btn1</button>
<div class="card">card</div>
<button class="btn btn-primary">btn primary</button>
<div class="thumbnail">thumbnail</div>
<button class="btn btn-secondary">btn secondary</button>

<script>
  const btnElementsAll = document.querySelectorAll(".btn");
  const btnElementsCName = document.getElementsByClassName("btn");
  console.log(btnElementsAll);
  console.log(btnElementsCName);
</script>
Dibuat

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!

Pertanyaan Terkait