JavaScript - HTML DOM Methoden

HTML DOM-methoden zijn de acties die u kunt uitvoeren op HTML-elementenActie.

HTML DOM-eigenschappen zijn de HTML-elementen die u kunt instellen of wijzigenWaarde.

DOM-programmabibliotheek

HTML DOM kan worden bereikt via JavaScript (en ook via andere programmeertalen).

In het DOM worden alle HTML-elementen gedefinieerd alsObject.

De programmabibliotheek is de eigenschappen en methoden van elk object.

Eigenschapis een waarde die u kunt verkrijgen of instellen (bijvoorbeeld het wijzigen van de inhoud van een HTML-element).

methodeis een actie die u kunt uitvoeren (bijvoorbeeld het toevoegen of verwijderen van een HTML-element).

Voorbeeld

Het volgende voorbeeld wijzigt de inhoud van het <p>-element met id="demo":

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

Probeer het zelf

In het bovenstaande voorbeeld:getElementById ismethodeen innerHTML isEigenschap.

getElementById-methode

De meest gebruikte methode om een HTML-element te bereiken, is door het id van het element te gebruiken.

In het bovenstaande voorbeeld:getElementById Method gebruik id="demo" om het element te vinden.

innerHTML-eigenschap

De eenvoudigste manier om de inhoud van een element te verkrijgen, is door innerHTML Eigenschap.

innerHTML Eigenschap kan worden gebruikt om de inhoud van een HTML-element te verkrijgen of te vervangen.

innerHTML Eigenschappen kunnen worden gebruikt om elke HTML-element te verkrijgen of te wijzigen, inclusief <html> en <body>.