Información de fondo: estoy estudiando JavaScript, actualmente tratando de comprender las interacciones DOM, específicamente la selección directa (notación de puntos). Vale la pena señalar que soy un aprendiz muy teórico y necesito comprender los principios para recordar cómo funcionan las cosas y poder usarlas correctamente.
Los 3 ejemplos clásicos dados para aclarar cómo funciona la selección directa (notación de puntos) son:
W3C dice que estas son ALGUNAS de las formas más populares de seleccionar elementos directamente. Entonces, ¿cuáles son el resto? ¿Cómo encuentro una lista completa de todas las posibilidades para seleccionar elementos a través de la notación de puntos y los principios detrás de cómo funciona esto?
Por ejemplo, probé document.head.title, pero parece estar mal... Y algunos lugares sugieren que es document.title, mientras que otras fuentes sugieren que está limitado solo a esas 3 opciones en los ejemplos clásicos.
¿Cómo funciona toda esta selección directa de DOM (notación de puntos)? ¿No puedo navegar completamente así? ¿Necesito incluir toda la ruta o no? ¿Funciona solo en elementos de etiqueta HTML únicos? ¿O algún elemento de etiqueta HTML?
¿Cuáles son los principios detrás de esto? No puedo encontrar ninguna información que realmente explique esto, excepto tal vez MDN, pero encuentro que el lenguaje no es muy claro, por lo que cualquier aclaración es bienvenida.
Gracias por adelantado.