如何断言一个类型的HTMLElement在TypeScript?

我试着这样做:

var script:HTMLScriptElement = document.getElementsByName("script")[0];
alert(script.type);

但是它给了我一个错误

Cannot convert 'Node' to 'HTMLScriptElement': Type 'Node' is missing property 'defer' from type 'HTMLScriptElement'
(elementName: string) => NodeList

我不能访问脚本元素的'type'成员，除非我将其转换为正确的类型，但我不知道如何做到这一点。我查了文件和样本，但什么都没找到。

当前回答

TypeScript使用'<>'来进行强制转换，因此上面的代码就变成:

var script = <HTMLScriptElement>document.getElementsByName("script")[0];

然而，不幸的是，你不能做到:

var script = (<HTMLScriptElement[]>document.getElementsByName(id))[0];

你会得到错误

Cannot convert 'NodeList' to 'HTMLScriptElement[]'

但是你可以:

(<HTMLScriptElement[]><any>document.getElementsByName(id))[0];

2012-10-02 08:47:36

其他回答

这似乎解决了问题，使用[index: TYPE]数组访问类型，干杯。

interface ScriptNodeList extends NodeList {
    [index: number]: HTMLScriptElement;
}

var script = ( <ScriptNodeList>document.getElementsByName('foo') )[0];

2012-10-05 08:37:09

var script = (<HTMLScriptElement[]><any>document.getElementsByName(id))[0];

2018-09-02 13:36:56

你总是可以破解类型系统使用:

var script = (<HTMLScriptElement[]><any>document.getElementsByName(id))[0];

2012-10-02 19:22:27

如果TypeScript将HTMLCollection定义为返回类型而不是NodeList，则可以在声明文件(lib.d.ts)中解决。

DOM4还将此指定为正确的返回类型，但旧的DOM规范不太清楚。

参见http://typescript.codeplex.com/workitem/252

2012-11-08 20:32:58