JavaScript - Metody HTML DOM
Metody HTML DOM to akcje , które możesz wykonać (na elementach HTML).
Właściwości HTML DOM to wartości (elementów HTML), które możesz ustawić lub zmienić.
Interfejs programowania DOM
Dostęp do HTML DOM można uzyskać za pomocą JavaScript (i innych języków programowania).
W DOM wszystkie elementy HTML są zdefiniowane jako obiekty .
Interfejs programistyczny to właściwości i metody każdego obiektu.
Właściwość to wartość , którą można uzyskać lub ustawić (jak zmiana zawartości elementu HTML).
Metoda to czynność , którą możesz wykonać (np. dodać lub usunąć element HTML).
Przykład
Poniższy przykład zmienia zawartość (the innerHTML
) <p>
elementu za pomocą id="demo"
:
Przykład
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
W powyższym przykładzie getElementById
jest metodą , innerHTML
a
właściwość .
Metoda getElementById
Najpopularniejszym sposobem uzyskania dostępu do elementu HTML jest użycie id
elementu.
W powyższym przykładzie getElementById
metoda użyta id="demo"
do znalezienia elementu.
Wewnętrzna właściwość HTML
Najłatwiejszym sposobem uzyskania zawartości elementu jest użycie innerHTML
właściwości.
Właściwość innerHTML
jest przydatna do pobierania lub zastępowania zawartości elementów HTML.
Właściwość innerHTML
może służyć do pobierania lub zmiany dowolnego elementu HTML, w tym <html>
i <body>
.