在TypeScript中扩展HTMLElement

时间:2013-07-11 08:43:03

标签: html5 typescript extend

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

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

当我这样做时:

document.body.appendChild(createSprite());

interface Sprite extends HTMLElement {

}

function createSprite() : Sprite {

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

}

document.body.appendChild(createSprite());

1 个答案:

答案 0 :(得分:0)

我通过TypeScript Playground运行了这个(并添加了一些文字以便我可以看到结果)并且它运行正常:

interface Sprite extends HTMLElement {

}

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

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