div内のすべての入力フィールドを取得（JSライブラリなし）

Question

JQueryのようなJavaScriptライブラリを使用せずにdiv内のすべての入力フィールドを取得する最も簡単な方法は何ですか？このjQueryスニペットと同様：

var inputs = $('#mydiv :input');

Answer 1

document.getElementById('mydiv').getElementsByTagName('input')

Answer 2

試してください：

var inputs = document.getElementById('mydiv').getElementsByTagName('input');

Answer 3

querySelectorとquerySelectorAllは、期待する内容の詳細を簡単に取得します。

var divElem = document.getElementById("myDiv");
var inputElements = divElem.querySelectorAll("input, select, checkbox, textarea");

すべての入力、選択、textarea要素を配列形式で提供します。

Answer 4

getElementsByTagName

Answer 5

document.getElementById("mydiv").getElementsByTagName("input");

Answer 6

最新のブラウザ（ie9 +）を使用している場合は、 querySelectorAll‎ 。

var inputs = document.querySelectorAll‎('#myDiv input');