1 min to read
DOM - Selection
Pembahasan DOM Selection menggunakan Javascript
DOM Selection merupakan pembahasan mengenai cara untuk memilih sebuah element html yang akan dimanipulasi oleh DOM. Ada beberapa method yang dapat digunakan untuk melakukan selection pada DOM.
DOM SELECTION METHOD
| Method | Output | Function |
|---|---|---|
| querySelectorAll() | Node-List | Memilih elemen berdasarkan selectornya, seperti menggunakan css |
| getElementById() | Element | Memilih element berdasarkan ID |
| getElementByClassName() | HTMLCollection | Memilih element berdasarkan Class sebuah element |
| getElementByTagName() | HTMLCollection | Memilih element berdasarkan TAG html |
| querySelector() | Element | Memilih elemen berdasarkan selectornya, seperti menggunakan css |
Berikut merupakan contoh penggunaan dari masing masing method.
USAGE
- getElementById()
document.querySelectorAll('p' -> artinya cari semua elemen yang memiliki tag p)
- getElementsByClassName()
document.getElementsByClassName('inputField' -> inputField merupakan class dari sebuah element HTML)
- getElementByTagName()
document.querySelectorAll('p' -> artinya cari semua elemen yang memiliki tag p)
- querySelector()
document.querySelector('#b p:nth-child[2]' -> artinya cari sebuah element yang ID nya b dan cari tag p urutan ke dua)
- querySelectorAll()
document.querySelectorAll('p' -> artinya cari semua elemen yang memiliki tag p)
-
Comments