html - 在 TypeScript 中扩展 HTMLElement

Question

我正在尝试在打字稿中扩展 HTMLElement。我尝试了不同的方法，它们都有效，但我不断收到类型脚本错误：

参数 Sprite 不可分配给参数类型节点；

当我做 ：

document.body.appendChild(createSprite());

接口 Sprite 扩展 HTMLElement {

}

函数 createSprite() : 精灵 {

    return <Sprite> document.createElement("div");

}

document.body.appendChild(createSprite());

Answer 1

我通过TypeScript Playground运行它（并添加了一些文本，以便我可以看到结果），它工作正常：

interface Sprite extends HTMLElement {

}

function createSprite() : Sprite {
    return <Sprite> document.createElement("div");
}

var sprite = createSprite();
sprite.innerHTML = 'Test';
document.body.appendChild(sprite);