Dom en java script

.''¿  El dom (Document Model ) es una representación 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 pagina web

Conceptos clave:

° Documento:  La pagina HTML completa 

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

° Elemento: Los nodos que representan etiquetas HTML

° Árbol DOM: Estructura jerárquica donde cada elemento tiene un padre y puede tener hijos 

2.¿Para que 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 paginas web dinámicas

Seleccion elemento de DOM 

   


Contestar

Como se selecciona un elemento por id desde html en javascript?

R/document.getElementsByid("nomdre del id")

Como se selecciona un elemento por clase desde html en java script?

R/document.getElementsByClassName("nombre de la clase")

Para que sirve la palabra reservada const.

R/ Sirve para declarar un elemento o  una variable  

Para que sirve la palabra reservada document.

R/Sirve para interactuar con el contenido de una pagina web 

Query Selector: Asi como se puede referencia 



Redactar

° Primero colocamos los cogidos para agregar el boton y su funcionamiento, tambien le damos color al boton 


DOM EN JAVASCRIPT

Comentarios

Publicar un comentario

Entradas populares de este blog

ESTRUCTURA BASICA ESTILOS Y SEPARACION DE ARCHIVOS.

Imagen
Hasta el momento lo que se ha diseñado en web esta integrado en un solo archivo .html donde se puede usar estilos y código js. Lo ideal en una aplicación web frontend es que la estructura el estilo y la lógica estén separados, es decir deben existir 3 archivos los cuales son .HTML .css .js Mediante el software y/o entorno de desarrollo IDE Visual studio code, darle estilo a un botón mediante etiqueta html5 section. Estructura o esqueleto --> .HTML Estilo Visual ---> .css Logica en el front --> .js Responder: 1. Que es IDE. 2. Como colocar la estructura básica html en vsc(visual studio code). 3.Cuales son las equietas presentes en la estructura básica de HTML. 4 . Para que sirve la etiqueta link   R/=Es el codigo q une dos archivos separados para crear el funcionamiento  5. captura de archivo html sin estructurar. 6. captura de los archivos separados .html y .css 7. captura de funcionamiento. 10/02/26 ESTUCTUACION  ETIQUETA SCIPT Esta etiqueta permite efeencia un ...
Leer más

Estructura mientras o ciclo, bucle o loop while

Imagen
 Estructura mientras o ciclo, bucle o loop while Son un tipo de estructuras cíclicas, las cuales se repiten mientras la expresión lógica a evaluar sea verdadera. Realizar 5 frases que inicien con Mientras y tengan una expresión lógica verdadera. Ejemplo: Mientras "haya una pelea" me distancio.  *Mientras "el profe explica" yo pongo atención. *Mientras "me levanté temprano" llego a tiempo al colegio. *Mientras "coma bien" estaré sano. *Mientras "tome agua" estaré hidratado *Mientras "estoy jugando futbol con mis amigos" me divierto con ellos  Realizar un algoritmo en seudocódigo y diagrama de flujo; Mientras "sea verdadera la expresión" repetir el mensaje "hola el nombre me gusta tics" Colocar captura de pantalla del algoritmo y ejecución Realizar un algoritmo en Java script, usando como mensaje console.log() y que se ejecute mientras un contador sea menor a 100. Colocar captura de pantalla  de la aplicación...
Leer más

VIABILIDAD DE UN PROYECTO

 ¿Que entiende por viabilidad de un proyecto? RTA:Evaluacion integral de su capacidad para completarse con exito, entregando beneficios definidos dentro de limitaciones de tiempo, recursos y presupuesto  Procesos de estudio cuantitativo que busca evaluar el desempeño a futuro de un proyecto. ¿Cual es el titulo de mi proyecto? RTA:Fundacion ecologica plantas TICS ¿Que preguntas que relacionarian con respuestas cuantitativas que pudiecen obtener informacion de viabilidad de su proyecto?. Realice 5 1. estarias dispuesto a ver un catalogo sobre plantas por un sitio web ? a)si             b)no 2. Que red social es la que utlizas con mas frecuencia? a)facebook b) instagran c)whatsaap d) tiktok 3. te interesarias en un sitio web de compra y venta de plantas? a)si              b)no 4. usarias una pagina web para comprar plantas en el municipio de tocaima  a)si        ...
Leer más