我试着这样做:

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'成员,除非我将其转换为正确的类型,但我不知道如何做到这一点。我查了文件和样本,但什么都没找到。


当前回答

因为它是一个节点列表,而不是数组,所以不应该使用括号或强制转换为数组。获取第一个节点的属性方法是:

document.getElementsByName(id).item(0)

你可以直接转换:

var script = <HTMLScriptElement> document.getElementsByName(id).item(0)

或者,扩展NodeList:

interface HTMLScriptElementNodeList extends NodeList
{
    item(index: number): HTMLScriptElement;
}
var scripts = <HTMLScriptElementNodeList> document.getElementsByName('script'),
    script = scripts.item(0);

其他回答

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

因为它是一个节点列表,而不是数组,所以不应该使用括号或强制转换为数组。获取第一个节点的属性方法是:

document.getElementsByName(id).item(0)

你可以直接转换:

var script = <HTMLScriptElement> document.getElementsByName(id).item(0)

或者,扩展NodeList:

interface HTMLScriptElementNodeList extends NodeList
{
    item(index: number): HTMLScriptElement;
}
var scripts = <HTMLScriptElementNodeList> document.getElementsByName('script'),
    script = scripts.item(0);

澄清一下,这是正确的。

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

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

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

我还会推荐sitepen指南

https://www.sitepen.com/blog/2013/12/31/definitive-guide-to-typescript/(见下文)和 https://www.sitepen.com/blog/2014/08/22/advanced-typescript-concepts-classes-types/

TypeScript还允许你指定不同的返回类型 精确字符串作为函数的参数提供。例如, TypeScript对DOM的createElement方法的环境声明 看起来是这样的:

createElement(tagName: 'a'): HTMLAnchorElement;
createElement(tagName: 'abbr'): HTMLElement;
createElement(tagName: 'address'): HTMLElement;
createElement(tagName: 'area'): HTMLAreaElement;
// ... etc.
createElement(tagName: string): HTMLElement;

这意味着,在TypeScript中,当你调用e.g.。 document.createElement('video'), TypeScript知道返回值是 一个HTMLVideoElement,将能够确保你是交互的 正确地使用DOM视频API,而不需要任何类型断言。

不要进行类型转换。从来没有。使用类型保护:

const e = document.getElementsByName("script")[0];
if (!(e instanceof HTMLScriptElement)) 
  throw new Error(`Expected e to be an HTMLScriptElement, was ${e && e.constructor && e.constructor.name || e}`);
// locally TypeScript now types e as an HTMLScriptElement, same as if you casted it.

让编译器为您工作,并在您的假设错误时得到错误。

在这种情况下,它可能看起来太过了,但如果您稍后返回并更改选择器,例如添加dom中缺少的类,它将对您有很大帮助。