JavaScript'теги сипаптардын атрибуттары

Эми сипаптардын атрибуттарын кантип алуу керек экенин үйрөнөлү. Бул жерде төмөнкү эреже колдонулат: ар бир сипаттын атрибутуна DOM элементтин ошол эле аттуу касиети дал келет.

Келгиле, мисал менен көрөлү. Бизде төмөнкүдөй сипат бар дейли:

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

Биздин элементке шилтемени өзгөрмөгө алалы:

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

Бизге керектуу атрибуттардын маанилерин чыгаралы:

console.log(elem.id);   // 'elem' чыгарат
console.log(elem.type); // 'text' чыгарат

Эми мисал үчүн атрибуттун маанисин өзгөртөлү:

elem.type = 'submit';

Төмөнкү инпут берилген:

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

Ошондой эле баскыч берилген. Баскычка басканда жогоруда көрсөтүлгөн инпуттун type атрибуттун мазмунун экранга чыгарыңыз.

Төмөнкү инпут берилген:

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

Ошондой эле баскыч берилген. Баскычка басканда type атрибутуна submit маанисин жазыңыз.

Сизде a теги түрүндөгү шилтеме, баскыч жана абзац бар дейли. Баскычка басканда шилтеменин href атрибуттун мазмунун абзацка чыгарыңыз.

Сизде шилтеме жана баскыч бар дейли. Баскычка басканда шилтеменин текстинин аягына анын href атрибуттун мазмунчон тегерек кашаа ичинде кошуңуз.

Сизде сүрөт бар дейли. Аны img теги менен баракчага жайгаштырыңыз. Ошондой эле баскыч жана абзац берилген дейли. Баскычка чыкылдаганда сүрөттүн src атрибутунан анын жолу абзацка жазылсын.

img тегиндеги сүрөт жана баскыч берилген. Баскычка басканда width атрибутуна 300 маанисин жазыңыз.

img тегиндеги сүрөт жана баскыч берилген. width атрибутунда кандайдыр бир туурасы белгиленген дейли. Сүрөттүн туурасы 2 эсе көбөйүүчү баскычты жасаңыз.

Сизде эки сүрөт бар дейли. Баракчада img теги жана эки баскычты жасаңыз. Биринчи баскычка басканда src атрибутуна биринчи сүрөттүн жолун жазыңыз, ал эми экинчи баскычка басканда - экинчи сүрөттүн жолун жазыңыз.