我试着这样做:
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 0.9开始，lib.d.ts文件使用专门的重载签名，为调用getElementsByTagName返回正确的类型。
这意味着你不再需要使用类型断言来改变类型:
// No type assertions needed
var script: HTMLScriptElement = document.getElementsByTagName('script')[0];
alert(script.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];
不要进行类型转换。从来没有。使用类型保护:
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中缺少的类，它将对您有很大帮助。
因为它是一个节点列表，而不是数组，所以不应该使用括号或强制转换为数组。获取第一个节点的属性方法是:
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);
以…结束:
一个实际的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);
}
}
}
享受。
