JavaScript — Introduktion genom exempel

1.4 Referera till HTML

För att komma åt HTML-element, deras innehåll och attribut, kan man använda några olika metoder. I detta exempel visas några sätt, men det är framför allt metoden querySelector() som vi kommer använda. Med den metoden kan man referera till element på samma sätt som man gör i en selektor i CSS. När man tagit fram en referens till elementet, lägger man med punktnotation till en egenskap för innehållet eller namnet på det attribut man vill komma åt. Man kan både avläsa innehåll i element och dess attribut samt lägga in nytt innehåll i elementet och nya värden i attributen.

16 min.

Sammanfattning

Egna övningar

Här följer ett förslag på några egna övningar. Öppna filen test.html och test.js och utför följande, genom att skriva kod i init-funktionen: