- Buenas, resulta que estoy haciendo unas prácticas con
HTML
y el métododocument.getElementsByTagName
no funciona como espero. Se supone que este metodo retorna unaHTMLColletion
, la cual a pesar de no ser un arreglo, es iterable como uno, sin embargo cuando trato de iterar elHTMLCollection
retornado, me da resultados inesperados, veamos:
Código:
'use strict'; let body = document.getElementsByTagName('body'); // por qué no funciona como se espera el getElementByTagName console.log(body)
-Este codigo retorna lo que se podría esperar ...
Resultado:
HTMLCollection { length: 0 }
Sin embargo, si lo trato de iterar pasa lo siguiente ...
Codigo:
'use strict'; let body = document.getElementsByTagName('body')[0];
console.log(body)
Resultado:
null
- Por otro lado, si iteramos usando el método
.item(0)
, en lugar de retornarnull
retornaundefined
. Por otro lado, en la consola, todo funciona como espero. ¿A qué se debe este comportamiento?