Cuando el navegador presenta una página web, dentro del alcance global de JavaScript, crea un objeto Window que representa el entorno de la página web. El objeto de ventana contiene un objeto de documento que representa el árbol DOM de la página web. Este es el deber del navegador y los objetos creados deben cumplir con los estándares del W3C. [1]
El objeto de documento permite que los códigos de programa JavaScript accedan al árbol DOM a través de numerosas funciones como:
- document.getElementById: devuelve un elemento que tiene una identificación específica
- document.getElementByTagName: devuelve elementos que tienen una etiqueta específica
- document.querySelectorAll: devuelve elementos que coinciden con la consulta
- document.getElementsByClassName: devuelve un elemento que tiene una clase específica
Consulte la referencia de objeto de documento para ver la lista de todas las funciones disponibles: Objeto de documento en MDN
- ¿Cuál es un ejemplo de CSS que funcionará en la mayoría de los entornos?
- Cómo compartir sesión cuando inicie sesión entre Laravel y Ruby
- ¿Cuál es el paso básico para construir un sitio web para una librería?
- ¿No está satisfecho con sus actuales diseñadores y programadores web?
- ¿Es mejor para mí construir un sitio web por contratista, cofundador o bricolaje para una startup?
Después de acceder a los elementos, las propiedades de los nodos se pueden modificar y los oyentes de eventos se pueden adjuntar a ellos. Del mismo modo, a medida que el navegador maneja eventos en respuesta a acciones del usuario (como clics, desplazamientos del mouse), se crea el objeto de evento adecuado y se proporciona a la función de escucha de eventos adjunta, lo que le permite acceder a nodos relacionados.
- Puede haber problemas de compatibilidad del navegador en la práctica. Por lo tanto, los objetos creados en diferentes navegadores pueden no tener el mismo contenido.