以…结束:

一个实际的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);
        }
    }
}

享受。

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

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

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

我们可以使用显式返回类型为变量类型:

const script: HTMLScriptElement = document.getElementsByName(id).item(0);

或assert as (TSX需要):

const script = document.getElementsByName(id).item(0) as HTMLScriptElement;

或者在更简单的情况下使用尖括号语法断言。

类型断言类似于其他语言中的类型强制转换，但不执行特殊的数据检查或重构。它对运行时没有影响，完全由编译器使用。

文档:

基本类型-类型断言

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

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

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

与其使用类型断言、类型保护或任何方法来解决这个问题，更优雅的解决方案是使用泛型来指示所选择的元素类型。

不幸的是，getElementsByName不是通用的，但是querySelector和querySelectorAll是通用的。(querySelector和querySelectorAll也要灵活得多，因此在大多数情况下可能更可取。)

如果你单独将一个标签名称传递给querySelector或querySelectorAll，它将自动正确地输入，因为下面这行在lib.dom.d.ts中:

querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;

例如，要选择页面上的第一个脚本标签，如您的问题，您可以这样做:

const script = document.querySelector('script')!;

就是这样——TypeScript现在可以推断出script现在是一个HTMLScriptElement。

当需要选择单个元素时使用querySelector。如果需要选择多个元素，请使用querySelectorAll。例如:

document.querySelectorAll('script')

结果类型为NodeListOf<HTMLScriptElement>。

如果需要更复杂的选择器，可以传递一个类型参数来指示将要选择的元素的类型。例如:

const ageInput = document.querySelector<HTMLInputElement>('form input[name="age"]')!;

导致ageInput被输入为HTMLInputElement。