Obtener todos los campos de entrada dentro de div (sin biblioteca JS)

Question

¿Cuál es la forma más fácil de obtener todos los campos de entrada dentro de un div sin usar una biblioteca de JavaScript como jQuery? similares a este fragmento de jQuery:

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

Answer 1

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

Answer 2

getElementsByTagName

Answer 3

Probar:

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

Answer 4

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

Answer 5

Si se encuentra en los navegadores modernos (IE9 +) puede tomar ventaja de querySelectorAll‎.

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

Answer 6

querySelector y querySelectorAll obtendrá los detalles de lo que está esperando fácilmente.

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

Proporcionará todos los elementos de entrada, selección y texto en formato de matriz.