Pengecualian saat Bekerja dengan Atribut di JavaScript
Saat bekerja dengan atribut, terdapat pengecualian
- yaitu atribut class.
Kata ini merupakan kata khusus dalam JavaScript
dan oleh karena itu kita tidak bisa begitu saja menulis elem.class
untuk membaca nilai atribut class.
Sebagai gantinya, harus ditulis elem.className.
Mari kita lihat contohnya. Misalkan kita memiliki input berikut:
<input id="elem" class="aaa bbb">
Mari kita tampilkan nilai atribut class
untuk input kita:
let elem = document.querySelector('#elem');
console.log(elem.className); // akan menampilkan 'aaa bbb'
Ada juga pengecualian lainnya, misalnya,
atribut for. Harus diakses
melalui htmlFor.
Diberikan div:
<div id="elem" class="content no-gap"></div>
Diberikan juga sebuah tombol. Saat tombol ditekan, baca
dan tampilkan di layar nilai atribut class
dari div kita.
Diberikan div:
<div id="elem"></div>
Diberikan juga sebuah tombol. Saat tombol ditekan, tuliskan
ke dalam atribut class div kita suatu
kelas.
Diberikan div dengan beberapa kelas CSS, yang ditulis dipisahkan oleh spasi:
<div id="elem" class="aaa bbb ccc"></div>
Diberikan juga sebuah tombol. Saat tombol ditekan, dapatkan array kelas CSS dari div kita.
