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