DOM
-
Carlos Pérez - 01 Apr, 2024
Diseñada por vectorjuice
DOM Document Object Model (Modelo de objetos del documento)
Representación de los objetos (elementos) que conforman la estructura de un documento en la web.
A partir del documento HTML que se tenga, se generara el DOM
Imagina que nuestro documento HTML es un conjunto de cajas que se encuentran anidadas, donde una caja contiene cajas mas pequeñas y asi sucesivamente.
Nos permite acceder a los elementos de nuestro sitio web y manipularlos.
- Modificar
- Agregar
- Eliminar
El DOM representa a los elementos como nodos y objetos con los cuales podemos trabajar en JavaScript.
Trabajar con sus propiedades, métodos y con distintos eventos.
Nodos: Un punto específico del diagrama o árbol de nodos del DOM
- Documento
- Elementos HTML
- Texto
- Comentarios
Objetos
Maneja una jerarquía de Nodos, donde tendremos
- Nodos padres
- Nodos hijos
- Nodos descencientes
- Nodos hermanos
<!doctype html>
<html>
<head>
<title>Mi página de inicio</title>
</head>
<body>
<h1>Mi página de inicio</h1>
<p>Hola, soy Marijn y esta es mi página de inicio.</p>
<p>
¡También escribí un libro! Léelo
<a href="http://eloquentjavascript.net">aquí</a>.
</p>
</body>
</html>
