JavaScript-da Teg Atributlari Xususiyatlar Sifatida

Keling, endi teglarning atributlarini qanday olishni o‘rganaylik. Bu yerda quyidagi qoida amal qiladi: har bir teg atributiga DOM elementida o‘sha nomli xususiyat mos keladi.

Keling, buni misolda ko‘rib chiqaylik. Faraz qilaylik, bizda quyidagi teg bor:

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

Elementimizga havolani o‘zgaruvchiga olaylik:

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

Kerakli atributlarning qiymatlarini chiqaramiz:

javascriptconsole.log(elem.id);   // 'elem' ni chiqaradi
console.log(elem.type); // 'text' ni chiqaradi

Endi misol uchun atribut qiymatini o‘zgartiramiz:

javascriptelem.type = 'submit';

Задание 1

Quyidagi input berilgan:

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

Shuningdek, tugma berilgan. Tugma bosilganda yuqoridagi inputning type atributi tarkibini ekranga chiqaring.

Задание 2

Quyidagi input berilgan:

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

Shuningdek, tugma berilgan. Tugma bosilganda type atributiga submit qiymatini yozing.

Задание 3

Faraz qilaylik, sizda a tegidagi havola, tugma va abzats bor. Tugma bosilganda havolaning href atributi tarkibini abzatsga chiqaring.

Задание 4

Faraz qilaylik, sizda havola va tugma bor. Tugma bosilganda havola matnining oxiriga uning href atributi tarkibini qavs ichida qo‘shing.

Задание 5

Faraz qilaylik, sizda rasm bor. Uni img tegi yordamida sahifada joylashtiring. Shuningdek, tugma va abzats berilgan. Tugma bosilganda abzatsga rasmning src atributidagi yo‘l yozilsin.

Задание 6

img tegidagi rasm va tugma berilgan. Tugma bosilganda width atributiga 300 qiymatini yozing.

Задание 7

img tegidagi rasm va tugma berilgan. Faraz qilaylik, width atributida ma’lum bir kenglik belgilangan. Tugma bosilganda rasm kengligi 2 marta oshadigan tugma yarating.

Задание 8

Faraz qilaylik, sizda ikkita rasm bor. Sahifada img teg va ikkita tugma yarating. Birinchi tugma bosilganda src atributiga birinchi rasmning yo‘li yozilsin, ikkinchi tugma bosilganda esa ikkinchi rasmning yo‘li yozilsin.