Тег атрибуттары 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 атрибутына бірінші суретке жол жазыңыз, ал екінші түймені басқанда - екінші суретке жол жазыңыз.