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
元素通常只能包含 head
和 body
,但这些元素之间当然允许元素间空格'开始和结束标签。
在HTMLDOM中,元素间的空白总是分布在文本节点中。因此,据推测,您在 head
和 body
元素节点之间看到的文本节点是 </head>
结束标记和 <body>
开始标记之间的元素间空白.
我已经尝试搜索但没有找到答案:
所以我知道,当页面被传递给浏览器或被浏览器下载时,会生成页面的树结构表示形式,称为 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
元素通常只能包含 head
和 body
,但这些元素之间当然允许元素间空格'开始和结束标签。
在HTMLDOM中,元素间的空白总是分布在文本节点中。因此,据推测,您在 head
和 body
元素节点之间看到的文本节点是 </head>
结束标记和 <body>
开始标记之间的元素间空白.