Web Development
DOM scripting
Wat doet console.log?
Schrijft informatie naar de console, onzichtbaar voor eindgebruiker, maar
makkelijk voor ontwerper
console.log("hello!")
Wat moet er bovenaan in het script staan?
“use strict”;
Wat doet het?
Is een strenge modus die fouten zoals niet-gedeclareerde variabelen
blokkeert.
Waar moet je de JS link zetten in je HTML?
In de <head> van de HTML
3 nodes:
1. ELEMENT_NODE
2. ATTRIBUTE_NODE
3. TEKST_NODE
Wat is DOM Traversal?
Via Javascript door de DOM-boom lopen om elementen te vinden of aan te
passen.
, Wat doen volgende DOM traversal eigenschappen?
1. ParentNode
Geeft de bovenliggende node van de huidige node
2. ChildNodes
Geeft een ‘live’ NodeList met de kind-nodes van de huidige
node
3. Firstchild
Geeft het eerste kind-node van de huidige node
4. Lastchild
Geeft de laatste kind-node van de huidige node
5. Nextsibling
Geeft de volgende broer/zus-node van de huidige node
6. Previoussibling
Geeft de vorige broer/zus-node van de huidige node
7. Children
Geeft een ‘live’ HTMLCollection met de kind-elementen van
huidige node
8. Firstelementchild
Geeft het eerste kind-element van de huidige node
9. Lastelementchild
Geeft het laatste kind-element van de huidige node
10. Nextelementsibling
Geeft het volgende broer/zus-element van de huidige node
11. Previouselementsibling
Geeft het vorige broer/zus-element van de huidige node
Wat doet document.querySelector?
Neemt een CSS selector
document.querySelector("main")
Wat is DOM manipulation?
Het met JavaScript aanpassen van de structuur, inhoud en stijl van de
DOM-boom van een webpagina
Wat doet textContent?
Overschrijft de waarde met een tekstwaarde.
DOM scripting
Wat doet console.log?
Schrijft informatie naar de console, onzichtbaar voor eindgebruiker, maar
makkelijk voor ontwerper
console.log("hello!")
Wat moet er bovenaan in het script staan?
“use strict”;
Wat doet het?
Is een strenge modus die fouten zoals niet-gedeclareerde variabelen
blokkeert.
Waar moet je de JS link zetten in je HTML?
In de <head> van de HTML
3 nodes:
1. ELEMENT_NODE
2. ATTRIBUTE_NODE
3. TEKST_NODE
Wat is DOM Traversal?
Via Javascript door de DOM-boom lopen om elementen te vinden of aan te
passen.
, Wat doen volgende DOM traversal eigenschappen?
1. ParentNode
Geeft de bovenliggende node van de huidige node
2. ChildNodes
Geeft een ‘live’ NodeList met de kind-nodes van de huidige
node
3. Firstchild
Geeft het eerste kind-node van de huidige node
4. Lastchild
Geeft de laatste kind-node van de huidige node
5. Nextsibling
Geeft de volgende broer/zus-node van de huidige node
6. Previoussibling
Geeft de vorige broer/zus-node van de huidige node
7. Children
Geeft een ‘live’ HTMLCollection met de kind-elementen van
huidige node
8. Firstelementchild
Geeft het eerste kind-element van de huidige node
9. Lastelementchild
Geeft het laatste kind-element van de huidige node
10. Nextelementsibling
Geeft het volgende broer/zus-element van de huidige node
11. Previouselementsibling
Geeft het vorige broer/zus-element van de huidige node
Wat doet document.querySelector?
Neemt een CSS selector
document.querySelector("main")
Wat is DOM manipulation?
Het met JavaScript aanpassen van de structuur, inhoud en stijl van de
DOM-boom van een webpagina
Wat doet textContent?
Overschrijft de waarde met een tekstwaarde.
