什么是文本节点？

Question

一般如果HTML中的标签之间有文本，它就变成了一个文本节点。然而，这并非总是如此。考虑这个例子：

<p>
  <a href="hello.html">hello</a> <a href="world.html">world</a>
</p>

这里，<p> 和第一个 <a ...> 之间的换行符和 2 个空格不会在 DOM 中显示为文本节点，至少在 Chrome 中不会。 hello 和 world 当然是文本节点。似乎只有空格的序列不会显示为文本节点，但情况并非总是如此：在此示例中，两个链接之间的空间是一个文本节点。

Chrome 如何决定什么是文本节点？

Answer 1

在 Chrome 中试试这个，你会看到 firstChild 的 p 是 Text：

let p = document.querySelector('p')

console.log(p.firstChild.constructor.name)

<p>
  <a href="hello.html">hello</a> <a href="world.html">world</a>
</p>

编辑：

看起来你甚至无法在 Chrome 中尝试，因为它会抛出 "Uncaught SecurityError: Failed to read the 'localStorage' property from 'Window': The document is sandboxed and lacks the 'allow-same-origin' flag."

SO 需要更新他们的 sn-p 实现，因为它显然已经被破坏了。

编辑 2：

您可以在 Chrome 中查看：https://codepen.io/anon/pen/qQPdbz?editors=1111