Récupère tous les champs de saisie dans div (sans la bibliothèque JS)

Question

Quel est le moyen le plus simple d’obtenir tous les champs de saisie d’une div sans utiliser une bibliothèque javascript comme jQuery? Semblable à cet extrait de code jQuery:

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

Answer 1

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

Answer 2

Essayer:

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

Answer 3

querySelector et querySelectorAll vont chercher les détails de ce que vous attendez facilement.

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

Il donnera tous les éléments input, select, textarea au format tableau.

Answer 4

getElementsByTagName

Answer 5

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

Answer 6

Si vous utilisez un navigateur moderne (ie9 +), vous pouvez tirer parti de querySelectorAll‎ .

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