Los navegadores, por temas de compatibilidad con HTML antiguo (creado cuando el navegador mayoritario era Internet Explorer), a menudo han incorporado funcionalidades no estándar o incluso a menudo no recomendadas. Una de estas funcionalidades no recomendadas es poder acceder a cualquier elemento de la página usando su ID como si fuese un atributo de la clase `Window`. [Del repositorio de la W3C en GitHub][1], si leemos la especificación de HTML5, podemos encontrar esto: > **6.3.3. Named access on the Window object** > >**This definition is non-normative**. Implementation requirements are given below this definition. > > **window[name]** > > Returns the indicated element or collection of elements. > ***As a general rule, relying on this will lead to brittle code***. Which IDs end up mapping to this API can vary over time, as new > features are added to the Web platform, for example. Instead of this, > use document.getElementById() or document.querySelector(). Que viene a significar, en pocas palabras, lo siguiente: funciona, pero no es buena idea usarlo. Es mejor acceder al DOM mediante los métodos `document.getElementById()` o `document.querySelector()` Ejemplo del funcionamiento (lo pongo como muestra, pero recomiendo no usarlo): <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> console.log(window.get.tagName); console.log(window.h6text.innerHTML); window.h6text.addEventListener('click',()=>alert('Has hecho click')); <!-- language: lang-html --> <input value="Obtener" type="button" id="get"> <h6 id="h6text">Click Me</h6> <!-- end snippet --> [1]: http://w3c.github.io/html/browsers.html#named-access-on-the-window-object