Metody HTML DOM jsou akce, které můžete provádět (na HTML Elementy).
Vlastnosti HTML DOM jsou hodnoty (prvků HTML), které můžete nastavit nebo změnit.
HTML DOM je přístupný pomocí JavaScriptu (a s dalšími programovacími jazyky).
V DOM jsou všechny prvky HTML definovány jako objekty.
Programovací rozhraní je vlastnosti a metody každého objektu.
Vlastnost je hodnota, kterou můžete získat nebo nastavit (např obsah prvku HTML).
Metoda je akce, kterou můžete provést (například přidat nebo smazání elementu HTML).
Následující příklad změní obsah (innerHTML) prvku <p> pomocí id="demo":
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>Zkuste to sami →
<!DOCTYPE html>
<html>
<body>
<h2>My First Page</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Ve výše uvedeném příkladu je getElementById metodou, zatímco innerHTML je vlastnictví.
Nejběžnějším způsobem přístupu k prvku HTML je použití id živel.
Ve výše uvedeném příkladu metoda getElementById použila id="demo" k nalezení živel.
Nejjednodušší způsob, jak získat obsah prvku, je pomocí vlastnosti innerHTML.
Vlastnost innerHTML je užitečná pro získání nebo nahrazení obsahu prvků HTML.
Vlastnost innerHTML lze použít k získání nebo změně jakéhokoli prvku HTML, včetně <html> a <body>.