Model obiektowy dokumentu
Lekcja 2 z 13 w kursie Metody DOM w JavaScript w Coddy.
Document Object Model (DOM) to hierarchiczna reprezentacja dokumentu HTML, która pozwala JavaScriptowi wchodzić w interakcje z elementami strony internetowej i nimi manipulować.
- DOM przedstawia dokument HTML jako drzewo obiektów.
- Każdy element w kodzie HTML odpowiada węzłowi w drzewie.
- Sam dokument jest węzłem głównym.
- Różne metody DOM pozwalają uzyskiwać dostęp do tych węzłów i ich zawartości, tworzyć je oraz modyfikować. Dzięki temu możesz dynamicznie zmieniać stronę internetową.
Na przykład ten kod:
<html>
<head>
<title>My title</title>
</head>
<body>
<h1>A heading</h1>
<a href="#">Link text</a>
</body>
</html>Zostanie przedstawiony w następującej strukturze DOM:
Przyjrzyjmy się temu bliżej!
Spróbuj swoich sił
Ta lekcja nie zawiera wyzwania z kodem.
Wszystkie lekcje w sekcji Metody DOM w JavaScript
Poćwicz samodzielnie: Edytor online Web