Tag-attributter som egenskaper i JavaScript
La oss nå lære å hente attributter tagger. Her gjelder følgende regel: hver tagg-attributt har en tilsvarende egenskap med samme navn i DOM-elementet.
La oss se på et eksempel. La oss si at vi har en tagg som denne:
html<input id="elem" type="text">
La oss hente en referanse til vårt element i en variabel:
javascriptlet elem = document.querySelector('#elem');
La oss skrive ut verdiene til attributtene vi trenger:
javascriptconsole.log(elem.id); // vil skrive ut 'elem'
console.log(elem.type); // vil skrive ut 'text'
Og la oss som et eksempel endre attributtverdien:
javascriptelem.type = 'submit';
Følgende inndatafelt er gitt:
html<input id="elem" type="email">
Det er også gitt en knapp. Ved å klikke på knappen, vis
innholdet i attributten type
fra inndatafeltet ovenfor.
Følgende inndatafelt er gitt:
html<input id="elem" type="email">
Det er også gitt en knapp. Ved å klikke på knappen, skriv
inn i attributten type verdien submit.
La oss si at du har en lenke i form av taggen a,
en knapp og et avsnitt. Ved å klikke på knappen, vis
i avsnittet innholdet i lenkens href-attributt.
La oss si at du har en lenke og en knapp. Ved å klikke
på knappen, legg til på slutten av lenketeksten
innholdet i dens href-attributt i vanlige
parenteser.
La oss si at du har et bilde. Plasser det
på siden ved å bruke taggen img.
La oss også si at det er gitt en knapp og et avsnitt. Gjør
slik at ved å klikke på knappen blir
banen til bildet fra dens src-attributt skrevet inn i avsnittet.
Det er gitt et bilde i taggen img og en knapp.
Ved å klikke på knappen, skriv inn i attributten width
verdien 300.
Det er gitt et bilde i taggen img og en knapp.
La oss si at det er satt en bredde i attributten width.
Lag en knapp som, når den klikkes på,
dobler bildets bredde.
La oss si at du har to bilder. Lag en
img-tagg på siden og to knapper. Ved
å klikke på den første knappen, skriv inn i attributten
src banen til det første bildet, og ved å klikke
på den andre - banen til det andre bildet.