HTML DOM-metoder er handlinger, du kan udføre (på HTML elementer).
HTML DOM-egenskaber er værdier (af HTML-elementer), som du kan indstille eller ændre.
HTML DOM kan tilgås med JavaScript (og med andre programmeringssprog).
I DOM er alle HTML-elementer defineret som objekter.
Programmeringsgrænsefladen er egenskaberne og metoderne for hvert objekt.
En egenskab er en værdi, som du kan få eller indstille (som at ændre indholdet af et HTML-element).
En metode er en handling, du kan udføre (f.eks. tilføje eller sletning af et HTML-element).
Følgende eksempel ændrer indholdet (innerHTML) af <p>-elementet med id="demo":
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>Prøv det selv →
<!DOCTYPE html>
<html>
<body>
<h2>My First Page</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
I eksemplet ovenfor er getElementById en metode, mens innerHTML er en ejendom.
Den mest almindelige måde at få adgang til et HTML-element på er at bruge id for element.
I eksemplet ovenfor brugte getElementById metoden id="demo" til at finde element.
Den nemmeste måde at få indholdet af et element på er ved at bruge egenskaben innerHTML.
Egenskaben innerHTML er nyttig til at hente eller erstatte indholdet af HTML-elementer.
Egenskaben innerHTML kan bruges til at hente eller ændre ethvert HTML-element, inklusive ><html> og