JavaScript - Metoda HTML DOM

Metody DOM HTML to te, które możesz wykonywać na elementach HTMLDziałanie.

Atrybuty DOM HTML to te, które możesz ustawiać lub zmieniać w elementach HTMLWartość.

Interfejs programowania DOM

DOM HTML może być dostępny za pomocą JavaScript (może być również dostępny za pomocą innych języków programowania).

W DOM, wszystkie elementy HTML są zdefiniowane jakoobiekt.

Interfejs programowy jest właściwościami i metodami każdego obiektu.

Atrybutto wartości, które możesz uzyskać lub ustawić (np. zmiana zawartości elementu HTML).

metodato działania, które możesz wykonać (np. dodanie lub usunięcie elementu HTML).

Przykład

Poniższy przykład zmienia zawartość elementu <p> o id="demo":

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

Spróbuj sam

W powyższym przykładzie,getElementById jestmetoda, podczas gdy innerHTML jestAtrybut.

Metoda getElementById

Najczęściej używanym sposobem dostępu do elementu HTML jest użycie id elementu.

W powyższym przykładzie,getElementById Metoda używa id="demo" do wyszukiwania elementu.

innerHTML atrybutu

Najprostszym sposobem uzyskania zawartości elementu jest użycie innerHTML Atrybut.

innerHTML Atrybut może być używany do uzyskania lub zastąpienia zawartości elementu HTML.

innerHTML Atrybuty mogą być używane do uzyskania lub zmiany dowolnego elementu HTML, w tym <html> i <body>.