Ottieni tutti i campi di input all'interno div (senza libreria JS)

Question

Qual è il modo più semplice per ottenere tutti i campi di input all'interno di un div senza utilizzare una libreria javascript come jQuery? Simile a questo frammento di codice jQuery:

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

Answer 1

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

Answer 2

getElementsByTagName

Answer 3

Prova:

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

Answer 4

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

Answer 5

Se siete su browser moderni (IE9 +) è possibile usufruire di querySelectorAll‎.

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

Answer 6

querySelector e querySelectorAll recuperano i dettagli ciò che si aspetta facilmente.

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

Fornirà tutti gli elementi di input, select, textarea in formato array.