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:

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

Elementimizga havolani o‘zgaruvchiga olaylik:

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

Kerakli atributlarning qiymatlarini chiqaramiz:

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

Endi misol uchun atribut qiymatini o‘zgartiramiz:

elem.type = 'submit';

Quyidagi input berilgan:

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

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

Quyidagi input berilgan:

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

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

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

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

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.

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

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

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.