JavaScript DOM-metoder


Innehållsförteckning

    Visa innehållsförteckning


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.


DOM-programmeringsgränssnittet

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).


Exempel

Följande exempel ändrar innehållet (innerHTML) i elementet <p> med id="demo":

Exempel

<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.


GetElementById-metoden

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.


Den innerHTML-egenskapen

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 .