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:
html<input id="elem" type="text">
Mari dapatkan pautan kepada elemen kita dalam pembolehubah:
javascriptlet elem = document.querySelector('#elem');
Mari paparkan nilai atribut yang kita perlukan:
javascriptconsole.log(elem.id); // akan memaparkan 'elem'
console.log(elem.type); // akan memaparkan 'text'
Dan sekarang sebagai contoh, mari ubah nilai atribut:
javascriptelem.type = 'submit';
Diberi input berikut:
html<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:
html<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.