1.2 Schrijf Code die Interactie Heeft Met Ui Controls

Question 1

Wat is het DOM-model?

Answer 1

Dit is een representatie van de structuur van je HTML pagina waarmee je middels code interactie kan hebben. De browser maakt een outline op basis van de html en die wordt weergegeven aan de gebruiker. Onder water wordt een object gemaakt, ofwel de DOM.

Question 2

Hoe kan je de DOM gebruiken om te programmeren?

Answer 2

Je kan met een aantal methoden een reference naar de DOM in de vorm van een document.

Question 3

Wat doet de getElementById methode?

Answer 3

Retourneert een element op de html pagina waarvan het id gelijk is aan de parameter die je meegeeft. Indien het id niet wordt gevonden, krijg je null terug.

Question 4

Wat doet de getElementsByTag methode?

Answer 4

Deze methode fungeert als wrapper om alle elementen te retourneren die matchen met de parameter. Dit is een NodeList. Hiermee kun je objecten benaderen via de index of de lengte opvragen middels .length

Question 5

Wat doen de querySelector en querySelectorAll methode?

Answer 5

De querySelector retourneert het eerste element dat voldoet aan de opgegeven criteria. De querySelectorAll retourneert alle elementen die voldoen aan de criteria in de parameter.

Question 6

Op welke manier kun je media implementeren op een html pagina?

Answer 6

Media kan worden geïmplementeerd via video en audio tags.