活字体の戻り値の型（）

Question

私は2つの異なる要素にgetElementsByClassNameを呼び出すとき、私は結果に矛盾のまわりで私の頭をラップに苦労しています：

let section:HTMLElement = document.getElementById("mainSection"); 

// This returns NodeListOf<Element> 
let blah1 = section.getElementsByClassName("blah"); 

// This returns HTMLCollectionOf<Element> 
let blah2 = document.getElementsByClassName("blah"); 

：

は、次のコードを考えてみましょう

sectionでメソッドを呼び出すと、NodeListが返されますが、ドキュメントで呼び出すと、HTMLCollectionと表示されます。

MDN Documentationに基づいて、両方ともHTMLCollectionを返すべきではありませんか？

Answer 1

オブジェクトには有効なHTML要素のみが含まれています。これは標準による保証です。

ただし、HTML要素（selection）には他のHTML要素やノードが含まれていてもかまいません（プレーンテキストはノードですが、Javascript文書では）。

NodeListとHTMLCollectionはほぼ同じですが、従来のオブジェクト指向言語を使用すると、HTMLListはNodeListを拡張します。つまり、NodeListができるすべての処理を実行できますが、namedItemメソッドもあります。