HTML DOM-metoder är åtgärder du kan utföra (på HTML element).
HTML DOM-egenskaper är värden (av HTML-element) som du kan ställa in eller ändra.
HTML DOM kan nås med JavaScript (och med andra programmeringsspråk).
I DOM definieras alla HTML-element som objekt.
Programmeringsgränssnittet är egenskaperna och metoderna för varje objekt.
En egenskap är ett värde som du kan få eller ställa in (som att ändra innehållet i ett HTML-element).
En metod är en åtgärd du kan göra (som add eller ta bort ett HTML-element).
Följande exempel ändrar innehållet (innerHTML
) i elementet <p>
med id="demo"
:
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h2>My First Page</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
I exemplet ovan är getElementById
en metod, medan innerHTML
är en egendom.
Det vanligaste sättet att komma åt ett HTML-element är att använda id
för element.
I exemplet ovan använde metoden getElementById
id="demo"
för att hitta element.
Det enklaste sättet att få fram innehållet i ett element är att använda egenskapen innerHTML
.
Egenskapen innerHTML
är användbar för att hämta eller ersätta innehållet i HTML-element.
Egenskapen innerHTML
kan användas för att hämta eller ändra alla HTML-element, inklusive ><html>
och
.