He tratado de acceder al body usando:
- document.body
- document.documentElement.body
- document.getElementsByTagName('BODY')[0]
- document.getElementsByTagName('body')[0]
- document.getElementById('body'); // Le he puesto un id al body
En el body, he puesto siete <h1>
solamente para probar.
En todas, usando ya sea .childElementCount o .children.length, retorna sólo un hijo, y ni si quiera es un <h1>
, sino me retorna el DOCTYPE!. Les pego el código con el que he descubierto esto:
var padre = document.getElementsByTagName('BODY')[0];
console.log("Probando el padre.childElementCount, da como resultado: " + padre.childElementCount);
console.log("Y toma el " + padre.children[0].tagName + " como hijo");
<body>
<h1>Título 1</h1>
<h1>Título 2</h1>
<h1>Título 3</h1>
<h1>Título 4</h1>
<h1>Título 5</h1>
</body>
Y lo que obtengo en consola de Chrome, es:
prueba.js:69 Sólo el body es el padre
prueba.js:71 Probando el padre.children.count, da como resultado: 1
prueba.js:72 Y toma el DOCTYPE! como hijo
<DOCTYPE! html>
debería ser<!doctype html>
con el!
delante de doctype y no detrás. Eso puede crearte el problema porque se interpretará como una etiqueta normal y no como una declaración. Si al cambiar eso se solucionara el problema, deberías cerrar/borrar la pregunta porque sería un simple fallo tipográfico.