html节点的"text"子节点是什么?

What is the "text" child node of the html node?

我已经尝试搜索但没有找到答案:

所以我知道,当页面被传递给浏览器或被浏览器下载时,会生成页面的树结构表示形式,称为 DOM。 Javascript 然后可用于操作此树的节点(表示元素的对象)。

所以现在如果我打开 Chrome 的开发者控制台并执行命令:

document.childNodes;

我得到了我所期望的,即两个节点,即 DOCTYPE 和 html 节点

[<!DOCTYPE html>, html]

如果我现在为 html 分配一个变量,然后像这样检查它的节点:

var htmlNode = document.childNodes[1];
htmlNode.childNodes;

奇怪的事情发生了:

我得到了预期的 "head" 节点,然后有一个 "text" 节点,我不知道它来自哪里,最后是预期的 "body" 节点。

[head, text, body]

我的问题是这个 "text" 节点来自哪里?

虽然 HTML 说 html 元素通常只能包含 headbody,但这些元素之间当然允许元素间空格'开始和结束标签。

在HTMLDOM中,元素间的空白总是分布在文本节点中。因此,据推测,您在 headbody 元素节点之间看到的文本节点是 </head> 结束标记和 <body> 开始标记之间的元素间空白.