JavaScript - HTML DOM metoder

HTML DOM-metoder er de handlinger, du kan udføre på HTML-elementerHandling.

HTML DOM-egenskaber er de HTML-elementer, du kan indstille eller ændreVærdi.

DOM-programgrænseflade

HTML DOM kan tilgås gennem JavaScript (kan også tilgås gennem andre programmeringssprog).

I DOM'en er alle HTML-elementer defineretobjekt.

programmeringsgrænsefladen er hver objects egenskaber og metoder.

egenskaber værdier, du kan få fat i eller sætte (f.eks. ændre indholdet af et HTML element).

metodeer handlinger, du kan udføre (f.eks. tilføje eller slette HTML elementer).

eksempel

I det følgende eksempel ændres indholdet 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

I det ovenstående eksempelgetElementById ermetodeog innerHTML eregenskab.

getElementById metode

den mest almindelige metode til at få adgang til HTML elementer er ved at bruge elementets id.

I det ovenstående eksempelgetElementById metode bruger id="demo" til at finde elementet.

innerHTML egenskab

Den nemmeste måde at få fat i elementets indhold på er ved at bruge innerHTML egenskab.

innerHTML egenskab kan bruges til at få fat i eller erstatte indholdet af et HTML element.

innerHTML egenskaber kan bruges til at få fat i eller ændre enhver HTML element, herunder <html> og <body>.