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:

html<input id="elem" class="aaa bbb">

Mari kita tampilkan nilai atribut class untuk input kita:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // akan menampilkan 'aaa bbb'

Ada juga pengecualian lainnya, misalnya, atribut for. Harus diakses melalui htmlFor.

Задание 1

Diberikan div:

html<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.

Задание 2

Diberikan div:

html<div id="elem"></div>

Diberikan juga sebuah tombol. Saat tombol ditekan, tuliskan ke dalam atribut class div kita suatu kelas.

Задание 3

Diberikan div dengan beberapa kelas CSS, yang ditulis dipisahkan oleh spasi:

html<div id="elem" class="aaa bbb ccc"></div>

Diberikan juga sebuah tombol. Saat tombol ditekan, dapatkan array kelas CSS dari div kita.