Получить все поля ввода внутри div (без библиотеки JS)

Question

Какой самый простой способ получить все поля ввода внутри div без использования библиотеки javascript, например jQuery?Аналогично этому фрагменту 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");

Это даст все элементы ввода, выбор, текстовые области в формате массива.

Answer 4

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

Answer 5

getElementsByTagName

Answer 6

Если вы используете современные браузеры (т.е. 9+), вы можете воспользоваться querySelectorAll‎.

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