獲取div內的所有輸入字段（不包含JS庫）

Question

如何在不使用jQuery等JavaScript庫的情況下獲取div內所有輸入字段的最簡單方法是什麼？ 這個jQuery的片斷類似：

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

Answer 1

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

Answer 2

getElementsByTagName

Answer 3

嘗試：

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

Answer 4

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

Answer 5

如果你是在現代瀏覽器（IE9 +），您可以採取的querySelectorAll‎優勢。

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

Answer 6

querySelector和querySelectorAll將獲取您期望的細節。

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

它會給出數組格式的所有input，select，textarea元素。