Obtenir tous les champs d'entrée à l'intérieur de div (sans bibliothèque JS)

Quelle est la meilleure façon d'obtenir tous les champs de saisie à l'intérieur d'un div sans l'aide d'une bibliothèque javascript comme jQuery?
Similaire à ce jQuery extrait de:

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

source d'informationauteur apparat

  1. 37
    document.getElementById('mydiv').getElementsByTagName('input')
  2. 9

    Essayer:

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

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

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

    Il vous donnera toutes les input, select, textarea éléments sous forme de tableau.

  5. 1
    document.getElementById("mydiv").getElementsByTagName("input");
  6. 1

    Si vous êtes sur les navigateurs modernes (ie9+), vous pouvez prendre avantage de querySelectorAll.

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