JavaScript
Wat is de DOM en hoe manipuleer je hem met JavaScript?
De DOM is de boomstructuur van HTML elementen. JavaScript kan de DOM manipuleren.
DOM selection
document.getElementById('id') document.querySelector('.class') document.querySelectorAll('selector') - returns NodeList document.getElementsByClassName - returns HTMLCollection
DOM manipulation
element.textContent = tekst veranderen element.innerHTML = HTML veranderen element.classList.add/remove/toggle element.setAttribute('attr', value) element.addEventListener('event', callback)
Code Voorbeelden
JAVASCRIPTDOM manipulation✏️ Interactief
✏️CODE AANPASSEN
LIVE PREVIEW
💡 Praktijk Tips
querySelector is flexibel en modern, gebruik die. Vermijd innerHTML met user input (XSS risk).
Relevante trefwoorden
DOMquerySelectoraddEventListener