javascript - 文本节点对应的instanceof目标是什么？

Question

我无法弄清楚相应的 instanceof 测试适合文本节点。在下面的节点列表示例中，有一些表格和中断，我可以使用

跳过它们

child = paymentInfo[i];
if (child instanceof HTMLBRElement || child instanceof HTMLTableElement) {
    continue;
}

是否没有类似的测试来评估文本节点？似乎在 HTMLTextAreaElement 上进行试验并不是正确的选择。

有一个解决方法是检查我找到的节点名称，但最好使代码与其他条件保持一致。

paymentInfo[0].nodeName == "#text"
true

Answer 1

关联的构造函数是 Text (window.Text)，因此您可以使用 instanceof Text:

const foo = document.querySelector('#foo');
const textNode = foo.childNodes[0];
console.log(textNode instanceof Text);

<div id="foo">someText</div>

如果您想要引用父元素并查看子元素，同时跳过子文本节点，则可以使用 .children 获取子元素的 HTMLCollection(而不是 .childNodes，它为您提供子文本节点和子元素的 NodeList):

const foo = document.querySelector('#foo');
const children = foo.children;
console.log(children.length);
console.log(children[0]);

<div id="foo">
  someText
  <div id="someChild">someChild</div>
</div>