Tag-attributter som egenskaber i JavaScript
Lad os nu lære at hente attributter tags. Følgende regel gælder her: hver tag-attribut har en tilsvarende DOM-egenskab med samme navn.
Lad os se på et eksempel. Antag, at vi har følgende tag:
<input id="elem" type="text">
Lad os få en reference til vores element i en variabel:
let elem = document.querySelector('#elem');
Lad os udskrive værdierne for de attributter, vi har brug for:
console.log(elem.id); // vil udskrive 'elem'
console.log(elem.type); // vil udskrive 'text'
Og lad os nu, som et eksempel, ændre attributværdien:
elem.type = 'submit';
Følgende input er givet:
<input id="elem" type="email">
Der er også en knap. Ved at klikke på knappen skal du
vis på skærmen indholdet af attributten type
for inputfeltet ovenfor.
Følgende input er givet:
<input id="elem" type="email">
Der er også en knap. Ved at klikke på knappen skal du
skrive i attributten type værdien submit.
Antag, at du har et link i form af et a-tag,
en knap og et afsnit. Ved at klikke på knappen skal du
vis i afsnittet indholdet af linkets href-attribut.
Antag, at du har et link og en knap. Ved at klikke
på knappen skal du tilføje til slutningen af linkets tekst
indholdet af dens href-attribut i runde
parenteser.
Antag, at du har et billede. Placer det
på siden ved hjælp af img-tagget.
Antag også, at der er en knap og et afsnit. Gør
sådan, at ved klik på knappen bliver
stien til billedet fra dens src-attribut skrevet i afsnittet.
Der er givet et billede i img-tagget og en knap.
Ved at klikke på knappen skal du i attributten width
skrive værdien 300.
Der er givet et billede i img-tagget og en knap.
Antag, at der i attributten width er angivet en
bestemt bredde. Lav en knap, ved klik på hvilken
billedets bredde bliver øget med 2
gange.
Antag, at du har to billeder. Lav på
siden et img-tag og to knapper. Ved
klik på den første knap skal du skrive i attributten
src stien til det første billede, og ved klik
på den anden - stien til det andet billede.
