を使用して要素を検索するdocument.getElementsByTagName()と、HTMLCollection. 要素にids がある場合、出力にはindexとidを持つ要素が含まれます。

問題は、この構造はすべてのブラウザで一定のままなのか、それとも変化するのかということです。
例
(function() {
var inputs = document.getElementsByTagName("div")[0].children;
console.log(inputs);
})()
<div id="content">
<input type="text" id="input1" />
<input type="text" id="input2" />
<input type="text" id="input3" />
<input type="text" id="input4" />
</div>