获取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");

它将以数组格式给出所有input，select，textarea元素。

Answer 4

getElementsByTagName

Answer 5

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

Answer 6

如果您使用的是现代浏览器（ie9 +），您可以利用querySelectorAll‎。

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