如何在TypeScript中创建类型为SVGTextElement的SVG元素？

直接使用document.createElement('text')会创建HTML元素（TypeScript推断为HTMLElement类型），无法直接赋值给SVGTextElement类型变量，这就是触发TS2322错误的原因。

要创建SVG命名空间下的SVGTextElement，需要使用document.createElementNS()方法，指定SVG的官方命名空间：

// SVG标准命名空间地址
const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
// 创建SVG text元素并指定类型
let text: SVGTextElement = document.createElementNS(SVG_NAMESPACE, 'text') as SVGTextElement;

补充说明： #

• createElementNS()的第一个参数必须是SVG的标准命名空间http://www.w3.org/2000/svg，这是区分SVG元素和HTML元素的核心标识。
• 部分TypeScript版本中，createElementNS的返回类型为Element，因此需要通过as SVGTextElement做类型断言，让TypeScript确认元素的具体类型。

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