我试着这样做:

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将HTMLCollection定义为返回类型而不是NodeList,则可以在声明文件(lib.d.ts)中解决。

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

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

其他回答

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];

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

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

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

澄清一下,这是正确的。

无法将“NodeList”转换为“HTMLScriptElement[]”

作为一个NodeList不是一个实际的数组(例如,它不包含. foreach, .slice, .push等…)

因此,如果它在类型系统中转换为HTMLScriptElement[],如果您尝试调用Array,则不会得到类型错误。在编译时它上的原型成员,但在运行时它将失败。

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

作为cerperformance答案的扩展,如果你使用声明合并来增加标准定义库的文档接口,你可以为getElementsByName方法(或任何其他方法)添加一个泛型覆盖,参数默认设置为HTMLElement,以模拟非泛型版本的行为时,类型参数没有显式提供:

interface Document
  extends Node,
    DocumentAndElementEventHandlers,
    DocumentOrShadowRoot,
    GlobalEventHandlers,
    NonElementParentNode,
    ParentNode,
    XPathEvaluatorBase {
  getElementsByName<T extends HTMLElement>(elementName: string) : NodeListOf<T>;
}

然后在用户代码中,你可以显式地传递所需的类型:

const scripts = document.getElementsByName<HTMLScriptElement>("name"); //NodeListOf<HTMLScriptElement>

操场上


注意,您需要重新指定extends列表,因为只有相同的声明才能合并。