TypeScript。どのようにDOMコレクションを宣言できますか？

Question

私が試してみました：私はいくつかの方法が、どれも仕事を

let $inputsCollection:HTMLCollection = document.body.querySelectorAll('input'); 

let $inputsCollection:HTMLCollection = document.body.querySelectorAll('input') as HTMLCollection; 

let $inputsCollection = document.body.querySelectorAll('input') as HTMLCollection; 

試してみました。

Answer 1

querySelectorAllHTMLCollectionではなく、NodeListが返されます。 NodeListをHTMLCollectionに変換しようとしても意味がありません。あなたはこのかかわらを行うことができます。

let $inputsCollection: NodeListOf<HTMLInputElement> = 
    document.body.querySelectorAll('input'); 

場合は、上記のリスト内のすべての要素がHTMLでinput要素からでなければならないので、HTMLInputElementを使用しています。例のためのクエリのうち、異種の要素を取得します場合は、あなたが行うことができます：

let $inputsCollection: NodeListOf<Element> = 
    document.body.querySelectorAll('*'); 

querySelectorAllは、そのようなノードを返すことができませんが、これも、Elementオブジェクトよりも他のタイプのノードを可能にする：

let $inputsCollection2: NodeList = document.body.querySelectorAll('*'); 

[querySelectorAll（HTTPSためだ

FYI、HTMLCollectionオブジェクトを返す方法は（等、.getElementsByClassName、.getElementsByTagName）方法の.getElementsBy...ファミリーで