Skip to main content
se añadieron 173 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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, 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):

console.log(window.get.tagName);
console.log(window.h6text.innerHTML);
window.h6text.addEventListener('click',()=>alert('Has hecho click'));
<input value="Obtener" type="button" id="get">
<h6 id="h6text">Click Me</h6>

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, 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 lo siguiente: funciona, pero no es buena idea usarlo.

Ejemplo del funcionamiento:

console.log(window.get.tagName);
console.log(window.h6text.innerHTML);
window.h6text.addEventListener('click',()=>alert('Has hecho click'));
<input value="Obtener" type="button" id="get">
<h6 id="h6text">Click Me</h6>

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, 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):

console.log(window.get.tagName);
console.log(window.h6text.innerHTML);
window.h6text.addEventListener('click',()=>alert('Has hecho click'));
<input value="Obtener" type="button" id="get">
<h6 id="h6text">Click Me</h6>

se añadieron 417 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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]Del repositorio de la W3C en GitHub, 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 lo siguiente: funciona, pero no es buena idea usarlo [1].

Ejemplo del funcionamiento: http://w3c.github.io/html/browsers.html#named-access-on-the-window-object

console.log(window.get.tagName);
console.log(window.h6text.innerHTML);
window.h6text.addEventListener('click',()=>alert('Has hecho click'));
<input value="Obtener" type="button" id="get">
<h6 id="h6text">Click Me</h6>

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 lo siguiente: funciona, pero no es buena idea usarlo [1]: http://w3c.github.io/html/browsers.html#named-access-on-the-window-object

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, 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 lo siguiente: funciona, pero no es buena idea usarlo.

Ejemplo del funcionamiento:

console.log(window.get.tagName);
console.log(window.h6text.innerHTML);
window.h6text.addEventListener('click',()=>alert('Has hecho click'));
<input value="Obtener" type="button" id="get">
<h6 id="h6text">Click Me</h6>

Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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 lo siguiente: funciona, pero no es buena idea usarlo [1]: http://w3c.github.io/html/browsers.html#named-access-on-the-window-object