在 TypeScript 中扩展 HTMLElement答案

【问题标题】：Extend HTMLElement in TypeScript在 TypeScript 中扩展 HTMLElement
【发布时间】：2013-07-09 11:01:41
【问题描述】：

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

Argument Sprite 不能分配给参数类型 Node；

当我这样做时：

document.body.appendChild(createSprite());

接口 Sprite 扩展 HTMLElement { } 函数 createSprite() : 精灵 { return document.createElement("div"); } document.body.appendChild(createSprite());

【问题讨论】：

您的代码为我构建。你有最新版本的 Typescript 编译器吗？

标签： html typescript extend

【解决方案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);

【讨论】：