Pengecualian Semasa Bekerja dengan Atribut dalam JavaScript
Semasa bekerja dengan atribut, terdapat satu pengecualian
- iaitu atribut class.
Perkataan ini adalah khas dalam JavaScript
dan oleh itu kita tidak boleh hanya menulis elem.class
untuk membaca nilai atribut class.
Sebaliknya, kita hendaklah menulis elem.className.
Mari kita lihat contoh. Katakan kita mempunyai input seperti berikut:
html<input id="elem" class="aaa bbb">
Mari kita output nilai atribut class
untuk input kita:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // akan output 'aaa bbb'
Terdapat pengecualian lain juga, contohnya,
atribut for. Ia hendaklah diakses
melalui htmlFor.
Diberi div:
html<div id="elem" class="content no-gap"></div>
Diberi juga butang. Apabila butang ditekan, baca
dan output nilai atribut class
div kita.
Diberi div:
html<div id="elem"></div>
Diberi juga butang. Apabila butang ditekan, tulis
ke dalam atribut class div kita sebarang
kelas.
Diberi div dengan beberapa kelas CSS, ditulis dipisahkan oleh ruang:
html<div id="elem" class="aaa bbb ccc"></div>
Diberi juga butang. Apabila butang ditekan, dapatkan array kelas CSS div kita.