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:

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

Pridobimo povezavo do našega elementa v spremenljivko:

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

Izpišimo vrednosti potrebnih atributov:

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

Zdaj pa za primer spremenimo vrednost atributa:

javascriptelem.type = 'submit';

Задание 1

Podan je naslednji vnos:

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

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

Задание 2

Podan je naslednji vnos:

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

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

Задание 3

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

Задание 4

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

Задание 5

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.

Задание 6

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

Задание 7

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.

Задание 8

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.