Atribut Tag sebagai Sifat dalam JavaScript

Sekarang mari kita belajar untuk mendapatkan atribut tag. Peraturan berikut terpakai di sini: setiap atribut tag sepadan dengan sifat DOM elemen yang sama nama.

Mari kita lihat contoh. Katakan kita mempunyai tag seperti ini:

<input id="elem" type="text">

Mari dapatkan pautan kepada elemen kita dalam pembolehubah:

let elem = document.querySelector('#elem');

Mari paparkan nilai atribut yang kita perlukan:

console.log(elem.id);   // akan memaparkan 'elem'
console.log(elem.type); // akan memaparkan 'text'

Dan sekarang sebagai contoh, mari ubah nilai atribut:

elem.type = 'submit';

Diberi input berikut:

<input id="elem" type="email">

Diberi juga butang. Apabila butang ditekan, paparkan pada skrin kandungan atribut type input yang dinyatakan di atas.

Diberi input berikut:

<input id="elem" type="email">

Diberi juga butang. Apabila butang ditekan, tuliskan ke dalam atribut type nilai submit.

Katakan anda mempunyai pautan dalam bentuk tag a, butang dan perenggan. Apabila butang ditekan, paparkan dalam perenggan kandungan atribut href pautan.

Katakan anda mempunyai pautan dan butang. Apabila butang ditekan, tambahkan pada hujung teks pautan kandungan atribut hrefnya dalam kurungan bulat.

Katakan anda mempunyai imej. Letakkannya pada halaman menggunakan tag img. Katakan juga diberi butang dan perenggan. Buat supaya apabila klik pada butang, dalam perenggan ditulis laluan ke imej dari atribut srcnya.

Diberi imej dalam tag img dan butang. Apabila butang ditekan, dalam atribut width tuliskan nilai 300.

Diberi imej dalam tag img dan butang. Katakan dalam atribut width ditetapkan suatu lebar. Buat butang, apabila ditekan, lebar imej akan meningkat 2 kali ganda.

Katakan anda mempunyai dua imej. Buat pada halaman tag img dan dua butang. Apabila butang pertama ditekan, tulis dalam atribut src laluan ke imej pertama, dan apabila butang kedua ditekan - laluan ke imej kedua.