Mendapatkan Elemen DOM dalam JavaScript

Sekarang kita akan belajar cara mendapatkan elemen DOM halaman, agar nantinya dapat melakukan berbagai manipulasi dengannya.

Misalkan kita memiliki sebuah tombol:

<input id="button" type="submit">

Mari kita dapatkan referensi ke tombol ini ke dalam sebuah variabel. Untuk itu, kita harus menggunakan metode querySelector dari objek khusus document. Metode ini menerima parameter selector CSS dan mengembalikan referensi ke elemen yang ditemukan berdasarkan selector tersebut.

Tombol kita memiliki atribut id dengan nilai button. Artinya, kita bisa menemukan tombol ini dengan selector #button. Jadi, mari temukan tombol kita dan tuliskan referensinya ke dalam variabel:

let button = document.querySelector('#button');
console.log(button);

Ada 3 paragraf:

<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>

Simpan referensi ke setiap paragraf ke dalam variabel terpisah dan tampilkan isi dari setiap variabel tersebut di konsol.