Atributi oznak kot lastnosti v JavaScript

Zdaj se naučimo pridobivati atribute oznak. Tu velja naslednje pravilo: vsakemu atributu oznake ustreza istoimenska lastnost DOM elementa.

Poglejmo si na primeru. Naj imamo takšno oznako:

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

Pridobimo povezavo do našega elementa v spremenljivko:

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

Izpišimo vrednosti potrebnih atributov:

console.log(elem.id);   // izpiše 'elem'
console.log(elem.type); // izpiše 'text'

Zdaj pa za primer spremenimo vrednost atributa:

elem.type = 'submit';

Podan je naslednji vnos:

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

Podan je tudi gumb. Ob kliku na gumb izpišite na zaslon vsebino atributa type zgoraj navedenega vnosa.

Podan je naslednji vnos:

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

Podan je tudi gumb. Ob kliku na gumb zapišite v atribut type vrednost submit.

Naj imate povezavo v obliki oznake a, gumb in odstavek. Ob kliku na gumb izpišite v odstavek vsebino atributa href povezave.

Naj imate povezavo in gumb. Ob kliku na gumb dodajte na konec besedila povezave vsebino njenega atributa href v okroglih oklepajih.

Naj imate sliko. Postavite jo na stran z oznako img. Naj bosta podana tudi gumb in odstavek. Naredite tako, da se ob kliku na gumb v odstavek zapiše pot do slike iz njenega atributa src.

Podana je slika v oznaki img in gumb. Ob kliku na gumb v atribut width zapišite vrednost 300.

Podana je slika v oznaki img in gumb. Naj bo v atributu width določena določena širina. Naredite gumb, ob kliku na katerega se širina slike poveča za 2 krat.

Naj imate dve sliki. Naredite na strani oznako img in dva gumba. Ob kliku na prvi gumb zapišite v atribut src pot do prve slike, ob kliku na drugo - pot do druge slike.