Explicación simplificada:
Un objeto en JavaScript es como una caja que puede contener:
Datos (propiedades): Información almacenada como pares clave: valor
Acciones (métodos): Funciones que pueden realizar operaciones
El objeto document es especial porque:
Lo proporciona el navegador automáticamente
Representa toda la página HTML
Nos permite interactuar con el contenido de la página
Hola David, espero que estés bien
Gracias por compartir tu duda. Parece que estás explorando cómo manipular el contenido de una página web usando JavaScript, específicamente a través del objeto document. Este objeto es fundamental en el DOM (Document Object Model) y te permite interactuar con los elementos HTML.
Aquí tienes un resumen de lo que puedes hacer con el objeto document:
Propiedades del objeto document:
title: Te permite obtener o establecer el título de la página.URL: Muestra la URL de la página.head y body: Referencias a los elementos <head> y <body> de la página.Métodos comunes:
querySelector(): Selecciona el primer elemento que coincide con un selector CSS.getElementById(): Selecciona un elemento por su ID.createElement(): Crea un nuevo elemento HTML.addEventListener(): Añade un evento a un elemento.Ejemplo práctico:
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Juego de Número Secreto';
En este ejemplo, seleccionamos el primer elemento <h1> de la página y cambiamos su contenido usando la propiedad innerHTML.
Características clave de los objetos en JavaScript:
this): Se refiere al objeto actual dentro de sus métodos.Espero que esta explicación te ayude a entender mejor cómo manipular el DOM con JavaScript. ¡Bons estudios!