Dom en java script

El DOM (Document Object Model) es una representacion estructurada de un documento

HTML o XML como un árbol de objetos. Es la interfaz que permite a JavaScript interactuar con

el contenido, estructura y estilo de una página web.

Conceptos clave:

• Documento: La página HTML completa

Nodos: Cada elemento del árbol DOM (etiquetas, texto, atributos)

Elementos: Los nodos que representan etiquetas HTML

• Arbol DOM: Estructura jerárquica donde cada elemento tiene un padre y puede tener

hijos

2.¿Para qué se usa el DOM?

EL DOM permite:

-Modificar contenido: Cambiar texto, HTML interno

-Manipular estructura: Agregar, eliminar o mover elementos

-Cambiar estilos: Modificar CSS dinámicamente

-Responder a eventos: Clicks, formularios, teclado, etc.

-Crear interactividad: Hacer páginas web dinámicas

3. Estructura del DOM

document

Lhtml

I—head

| I—title

Lmeta

Lbody

I—header

I—main

Lbody

l-header

l--main

l l--section

|  l___article

l__footer

4. Seleccionar Elementos del DOM

4.1 Métodosde Selección

+日1411910

javascript

I/ Por ID (devuelve UN elemento)

const elemento = document.getElementByld('mild");

// Por clase (devuelve una NodeList)

const elementos = document.getElementsByClassName{'miClase");

I/ Por etiqueta (devuelve una HTMLCollection)

Contestar

Para que sirve la palabra reservada document

RTA/ La palabra document en JavaScript representa la página web cargada y se usa para acceder, modificar y controlar los elementos HTML mediante el DOM. Permite leer contenido, cambiar textos, estilos, manejar eventos y crear elementos dinámicamente.

como se puede modificar una regla cc desde javascript 

RTA/ Puedes modificar una regla CSS desde JavaScript de tres formas:

1. Estilos en línea:
   elemento.style.propiedad = "valor";

2. Clases CSS:
   elemento.classList.add("clase");

3. Hojas de estilo:
   Usando document.styleSheets para acceder y cambiar reglas CSS directamente

Cuantas maneras conoce para invocar una funcion desde un click 

RTA/ Puedes invocar una función desde un clic de al menos 5 maneras, siendo las más comunes:

• onclick en HTML

• .onclick en JS

• addEventListener

• Funciones anónimas o arrow

• Con librerías como jQuery

Que eventos se pueden adicionar en un elemento

RTA/ Puedes añadir eventos como click, keydown, submit, input, mouseover, focus, scroll, entre muchos más. JavaScript permite reaccionar a casi cualquier acción del usuario en la página.

ResponderReenviar Añadir reacción

Tomar captura de pantalla de: Ejecución y Código.