TypeScript报错：类型'Node'不存在'length'属性，如何解决？

这个错误的核心原因是：TypeScript中window.getSelection().anchorNode的类型被定义为Node | null，而基础的Node类型并没有length属性——只有Text（文本节点）、Comment（注释节点）这类Node的子类型才自带length。你实际能读取到length，是因为当前场景下anchorNode恰好是文本节点，但TS无法自动推断这一点。

下面是几种可靠的修复方案：

方案1：结合节点类型判断+类型缩小 #

利用TS对nodeType的内置类型缩小能力，先判断节点是否为文本节点，之后TS会自动识别anchorNode为Text类型，无需额外断言：

const selection = window.getSelection();
if (selection) {
  const { anchorNode } = selection;
  // 先判断节点存在且为文本节点
  if (anchorNode && anchorNode.nodeType === Node.TEXT_NODE) {
    const length = anchorNode.length; // 此处TS不会报错
    // 后续逻辑处理
  }
}

方案2：类型断言（适合确定节点类型的场景） #

如果你能确定当前场景下anchorNode一定是文本节点，可以直接用类型断言告诉TS节点的具体类型，但建议搭配存在性判断避免运行时错误：

const selection = window.getSelection();
if (selection?.anchorNode) {
  const textNode = selection.anchorNode as Text;
  const length = textNode.length;
  // 后续逻辑处理
}

方案3：自定义类型守卫（适合频繁判断的场景） #

如果代码中需要多次判断节点是否为文本节点，可以写一个自定义类型守卫函数，让类型判断更简洁：

// 自定义类型守卫函数
function isTextNode(node: Node | null): node is Text {
  return node !== null && node.nodeType === Node.TEXT_NODE;
}

// 使用示例
const selection = window.getSelection();
if (selection) {
  const { anchorNode } = selection;
  if (isTextNode(anchorNode)) {
    const length = anchorNode.length; // TS自动推断为Text类型
    // 后续逻辑处理
  }
}

注意：无论用哪种方案，都建议先判断selection和anchorNode的存在性，避免null/undefined导致的运行时错误。

内容的提问来源于stack exchange，提问作者Tarun