打字稿：TextNode的类型

Question

如果你写下面的代码：

const e = document.body.firstChild;
if (e.nodeType === Node.TEXT_NODE)
    console.log(e.data);

您将在以下位置收到此错误e.data：

TS2339：“ChildNode”类型上不存在属性“data”。

而如果条件为真 ( e.nodeType === Node.TEXT_NODE) 则e除了常规ChildNode属性之外还有一些其他属性，例如data和wholeText。

---

我应该转换为什么类型（除了any）？

Answer 1

我认为你应该根据 编写你的条件nodeName，因此它将为文本节点返回“#text”。

\n\n

MDN 上的节点名称示例

\n\n

您在 TypeScript 中寻找的接口是CharacterData或简称Text。在Text接口上，您将同时拥有data和wholeText属性，因为它实现了该characterData接口。在characterData抽象接口上你只有dataprop。

\n\n

字符\xe2\x80\x8b数据 (MDN)

\n\n

文本（MDN）

\n