Contenido del curso
Introducción a la Automatización WEB
Introducción a Puppeteer
Conociendo Puppeteer
Conclusión del curso
¿Qué es el DOM?
Jorge Luis Bojorges Leyva
Estudiante
Javier Fuentes Mora
Profesor
Jorge Emilio Granados Guzmán
EstudianteContenido del curso
¿Qué es el DOM?
Jorge Luis Bojorges Leyva
EstudianteJavier Fuentes Mora
ProfesorJorge Emilio Granados Guzmán
Estudiante
Brayan Torrealba Sáez
Estudiante
Diego Javier Mena Amado
EstudianteBrayan Torrealba Sáez
Estudiante
Paul urbina
Estudiante
Wilber Peñaloza Mendoza
Estudiante
Diego Solis C.
Estudiante
Mario Alexander Vargas Celis
Estudiante
Santiago Ahumada Lozano
Estudiante
Jesus Cuadro
Estudiante
Saddy Pacheco
EstudianteSaddy Pacheco
Estudiante
Mauricio Parada G
EstudianteEl DOM (Document Object Model en español Modelo de Objetos del Documento) es una interfaz/modelo de documento.
Se representa el documento como un árbol de nodos, en donde cada nodo representa una parte del documento (puede tratarse de un elemento, una cadena de texto o un comentario).
Muchas gracias por el aporte!
PHYTON NO
Llamamos DOM a la anidación de etiquetas que utilizamos en el documento HTML.
Llamamos CSSOM al árbol de etiquetas que utilizamos en el documento CSS.
Falto el Accessibility tree o árbol de accesibilidad, que basado en el DOM contiene objetos que representan todos los elementos del sitio web y sus atributos.
DOM significan Document Object Model, o estructura del documento HTML.
Una página HTML está formada por múltiples etiquetas HTML, anidadas una dentro de otra, formando un árbol de etiquetas relacionadas entre sí, es a esto lo que llamamos árbol DOM (o simplemente DOM).
Con velocidad 1.25x, perfecto!
te quedaste corto, a 1.5x, excelente!
El DOM (Document Object Model) es una interfaz que permite a los lenguajes de programación como JavaScript interactuar con las paginas web.
--> Funcionamiento:
-->Estructura:
Padres e Hijos: Un <div> puede tener hijos como <p> o <img>.
Hermanos: Nodos en el mismo nivel, como varios <li> dentro de <ul>.
-->Interacción con el DOM: Con JavaScript, puedes hacer cosas como:
DOM significa Document Object Model, en español sería Modelo de Objetos del Documento. Es una interfaz de programación que nos permite crear, cambiar, o remover elementos del documento. También podemos agregar eventos a esos elementos para hacer más dinámica nuestra página
Una pregunta: puedo extraer esa estructura de arbol del DOM en lugar del contenido?
DOM
Modelo de objetos del documento o Document Object Model es la forma en que el navegador por dentro estructura las etiquetas HTML para lograr manipularlas en JS. . El botón es un event listener. . Una página HTML está formada por múltiples etiquetas HTML, anidadas una dentro de otra, formando un árbol de etiquetas relacionadas entre sí, que se denomina árbol DOM (o simplemente DOM). . En resumen el DOM es: . Una representación del HTML . Estructura en forma de árbol de nodos . Un modelo que puede ser modificado .
Critical Rendering Path (Camino Crítico de Renderización):
. Todo comienza desde el Critical Rendering Path. . Es el proceso que se encarga de convertir en pixeles el HTML, CSS y JS. . El DOM arbol para el HTML que contiene toda nuestra estructura HTML .
RESUMEN: Para mostrar un sitio hay un proceso llamado Critical Render Path en él se crean dos árboles el DOM y el CSSOM. El Dom será aquel que se encargará de tener todo nuestro contenido en una representación de árbol que contendrá nodos.
¿Qué es el DOM? (Document Object Model) en español Modelo de Objetos del Documento.
Es una especie de Documento / modelo de documento en el se representan loa sitios web.
¿Qué es el DOM? (Document Object Model) en español Modelo de Objetos del Documento.
Es una especie de Documento / modelo de documento en el se representan loa sitios web.
Ya sabia que era el DOM y manipularlo por Front, pero interesante clase