Elementos De Una WEB

 El DOM 

- Modelo de Objeto de Documento -

El modelo de objeto de documento (DOM) es una interfaz de programación para los documentos HTML y XML. Facilita una representación estructurada del documento y define de qué manera los programas pueden acceder, al fin de modificar la estructura, estilo y contenido. 

Usamos lenguajes de Programación ó etiquetado (JS, JAVA, C#, PYTHON, GO, HTML, AJAX, XML) mediante los cuales se modifican arboles de elementos en paginas WEB. 

En la imagen de abajo Figura 1. podemos ver la estructura de árbol del DOM.         

1. 

   Figura 1. Muestra de estructura de árbol del DOM

   
   

    Una pagina Web es un documento visualizado desde un navegador como vemos en la Figura 1 arriba sigue una estructura semántica básica donde los elementos se posicionan entre etiquetas que el caso de HTML ( Lenguaje de Marcado de HiperTexto ó en ingles HyperText Marcup Language). 

Con JS ( JavaScript ) podemos manipular el contenido del DOM usando métodos ( funciones ) reestablecidas dentro del objeto documento  a continuación veremos una muestra en la Figura 2 obtenida de la pagina https://developer.mozilla.org/es/docs/Web/API/Document_Object_Model/Introduction

Figura 2. En la imagen podemos ver claramente como se hace uso de los métodos Get del objeto document en JS para obtener una lista de elementos <p> del DOM.