Хусусиятҳои тегҳо ҳамчун хусусиятҳо дар 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-и зерин дода шудааст:

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

Тугма низ дода шудааст. Бо пахш кардан ба тугма дар экран мундариҷаи хусусияти type ро дар input-и дар боло зикршуда бароварда намоед.

Input-и зерин дода шудааст:

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

Тугма низ дода шудааст. Бо пахш кардан ба тугма дар хусусияти type қимати submit-ро нависед.

Бигзор шумо истинод дар шакли теги a, тугма ва абзас доред. Бо пахш кардан ба тугма дар абзас мундариҷаи хусусияти href-и истинодро бароваред.

Бигзор шумо истинод ва тугма доред. Бо пахш кардан ба тугма ба охири матни истинод мундарриҷаи хусусияти href-и онро дар қавсҳои гирд илова кунед.

Бигзор шумо акс доред. Онро дар саҳифа бо ёрии теги img ҷойгир кунед. Бигзор тугма ва абзас низ дода шудаанд. Чунке, ки бо клик кардан ба тугма дар абзас роҳ ба акс аз хусусияти src-и он навишта шавад.

Акс дода шудааст дар теги img ва тугма. Бо пахш кардан ба тугма дар хусусияти width қимати 300-ро нависед.

Акс дода шудааст дар теги img ва тугма. Бигзор дар хусусияти width баъзе паҳноӣ таъин шудааст. Тугмаеро созед, ки бо пахш кардан ба он паҳноии акс ба 2 маротиба зиёд шавад.

Бигзор шумо ду акс доред. Дар саҳифа теги img ва ду тугма созед. Бо пахш кардан ба тугмаи аввал дар хусусияти src роҳ ба акси аввалро нависед, ва бо пахш кардан ба тугмаи дуюм - роҳ ба акси дуюмро.