我试着这样做:
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'成员，除非我将其转换为正确的类型，但我不知道如何做到这一点。我查了文件和样本，但什么都没找到。
当前回答
不要进行类型转换。从来没有。使用类型保护:
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中缺少的类，它将对您有很大帮助。
其他回答
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];
作为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列表，因为只有相同的声明才能合并。
澄清一下，这是正确的。
无法将“NodeList”转换为“HTMLScriptElement[]”
作为一个NodeList不是一个实际的数组(例如，它不包含. foreach， .slice， .push等…)
因此，如果它在类型系统中转换为HTMLScriptElement[]，如果您尝试调用Array，则不会得到类型错误。在编译时它上的原型成员，但在运行时它将失败。
以…结束:
一个实际的Array对象(不是一个伪装成Array的NodeList) 一个保证只包含htmlelement的列表，而不是强制转换为htmlelement的Nodes 一种做正确事情的温暖模糊的感觉
试试这个:
let nodeList : NodeList = document.getElementsByTagName('script');
let elementList : Array<HTMLElement> = [];
if (nodeList) {
for (let i = 0; i < nodeList.length; i++) {
let node : Node = nodeList[i];
// Make sure it's really an Element
if (node.nodeType == Node.ELEMENT_NODE) {
elementList.push(node as HTMLElement);
}
}
}
享受。
我还会推荐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，而不需要任何类型断言。
