<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>document</title> </head> <body></body> </html>¿Por qué html.childNode[2] es CUERPO?
Creo que html.childNode[0] es HEAD. y html.childNode[1] es CUERPO.
Pero, html.childNode[1] es #texto. porque pasa esto?? no puedo ver ningun texto...
0 - es la head . 1 - es un nodo de texto - ese salto de línea entre cerrar </head> y abrir <body> . Si elimina el salto de línea, el cuerpo tendrá el índice 1.
como dice en el documento https://developer.mozilla.org/fr/docs/Web/API/Node/childNodes
childNodes incluye todos los nodos secundarios, incluidos los nodos que no son elementos, como texto y comentarios.
para obtener solo el elemento de nodo secundario, debe usar element.children
var html = document.querySelector('html'); console.log(html.children[0]); console.log(html.children[1]); <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>document</title> </head> <body></body> </html>