JavaScript - HTML DOM-methoden
HTML DOM-methoden zijn acties die u kunt uitvoeren (op HTML-elementen).
HTML DOM-eigenschappen zijn waarden (van HTML-elementen) die u kunt instellen of wijzigen.
De DOM-programmeerinterface
De HTML DOM is toegankelijk met JavaScript (en met andere programmeertalen).
In de DOM worden alle HTML-elementen gedefinieerd als objecten .
De programmeerinterface is de eigenschappen en methoden van elk object.
Een eigenschap is een waarde die u kunt krijgen of instellen (zoals het wijzigen van de inhoud van een HTML-element).
Een methode is een actie die u kunt uitvoeren (zoals het toevoegen of verwijderen van een HTML-element).
Voorbeeld
Het volgende voorbeeld verandert de inhoud (de innerHTML
) van het <p>
element met id="demo"
:
Voorbeeld
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
In het bovenstaande voorbeeld getElementById
is een methode , while innerHTML
is een
eigenschap .
De getElementById-methode
De meest gebruikelijke manier om toegang te krijgen tot een HTML-element is door de id
van het element te gebruiken.
In het bovenstaande voorbeeld is de getElementById
methode gebruikt id="demo"
om het element te vinden.
De innerHTML-eigenschap
De eenvoudigste manier om de inhoud van een element te krijgen, is door de innerHTML
eigenschap te gebruiken.
De innerHTML
eigenschap is handig voor het ophalen of vervangen van de inhoud van HTML-elementen.
De innerHTML
eigenschap kan worden gebruikt om elk HTML-element op te halen of te wijzigen, inclusief <html>
en <body>
.