Atributet e Tagjeve si Vetitë në JavaScript

Tani le të mësojmë se si të marrim atributet e tagjeve. Këtu vepron rregulli i mëposhtëm: çdo atributi të tagut i përgjigjet një vetie me të njëjtin emër në elementin DOM.

Le ta shohim me një shembull. Supozoni se kemi këtë tag:

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

Le të marrim një referencë për elementin tonë në një ndryshore:

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

Le të shfaqim vlerat e atributeve që na duhen:

console.log(elem.id);   // do të shfaqë 'elem'
console.log(elem.type); // do të shfaqë 'text'

Dhe tani për shembull le të ndryshojmë vlerën e atributit:

elem.type = 'submit';

Jepet inputi i mëposhtëm:

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

Jepet gjithashtu një buton. Me klikim në buton shfaqni në ekran përmbajtjen e atributit type të inputit të specifikuar më sipër.

Jepet inputi i mëposhtëm:

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

Jepet gjithashtu një buton. Me klikim në buton shkruani në atributin type vlerën submit.

Supozoni se keni një lidhje në formën e tagut a, një buton dhe një paragraf. Me klikim në buton shfaqni në paragraf përmbajtjen e atributit href të lidhjes.

Supozoni se keni një lidhje dhe një buton. Me klikim në buton shtoni në fund të tekstit të lidhjes përmbajtjen e atributit të saj href në kllapa të rrumbullakëta.

Supozoni se keni një imazh. Vendoseni atë në faqe duke përdorur tagun img. Supozoni se janë dhënë gjithashtu një buton dhe një paragraf. Bëni që me klikim në buton në paragraf të shkruhet rruga e imazhit nga atributi i tij src.

Jepet një imazh në tagun img dhe një buton. Me klikim në buton në atributin width shkruani vlerën 300.

Jepet një imazh në tagun img dhe një buton. Supozoni se në atributin width është vendosur një gjerësi e caktuar. Bëni një buton, me klikim në të cilin gjerësia e imazhit do të rritet 2 herë.

Supozoni se keni dy imazhe. Bëni në faqe tagun img dhe dy butona. Me klikim në butonin e parë shkruani në atributin src rrugën për në imazhin e parë, dhe me klikim në të dytin - rrugën për në imazhin e dytë.