Week 5: browser Flashcards
wat is de DOM
De DOM staart voor Document Object Model. Dit is een pagina die word getoond op de browser en je kan hiermee interreageren met behulp van de DOM API.
welke 2 objecten heeft de DOM API + uitleg
de volgende methods worden gebruikt voor elementen op te halen, leg uit:
getElementById
getElementsByClassName
getElementsByName
getElementsByTagName
querySelector
querySelectorAll
spreekt allemaal voor zich, de gene met element in de naam + queryselector geven 1 element terug en de gene met elementS + queryselectorall geeft een array van elementen terug
de get methodes gebruiken de html selector voor te zoeken en de queryselector methodes gebruiken de css selector
de volgende methods worden gebruikt voor elementen aan te passen, leg uit:
textContent
innerHTML
value
textContent kan gebruikt worden op alles bv. je kan dan in een p element de tekst veranderen maar bij een style of script element dan ook de code
innerHTML spreekt voor zich
value is ook voor HTML elementen maar kan niet voor ze allemaal, bv input heeft da wel maar div niet
voor wat wordt defer gebruikt bij het script element
voor wat wordt het DOMContentLoaded event gebruikt
wat is een node
Een node is een stukje van de boomstructuur, we kunnen met behulp van deze node, zaken aanpassen, verwijderen of toevoegen.