Comment compter aucun des éléments?

Question

suppose que j'ai

ce que je veux est à l'intérieur maindiv je veux compter pas d'éléments (peut être des balises div d'entrée) présents. il peut être utilisé getElementByTagName(). Mais le problème est que comment compter élément.

Merci

Answer 1

Pour continuer de John's answer, vous cherchez peut-être quelque chose comme ça, si je comprends que vous voulez compter les div et input enfants dans l'élément id="maindiv":

var maindiv = document.getElementById('maindiv'); 

var count = maindiv.getElementsByTagName('div').length + 
      maindiv.getElementsByTagName('input').length; 

Answer 2

Je pense que vous voulez getElementsByTagName() plutôt que getElementByTagName().

Cette fonction, étant donné le paramètre approprié, renvoie une liste de tous les éléments de ce nom particulier (divs, p pour, etc.)

Sur chaque liste est une propriété .length, qui vous donnera la compter.

De mozilla docs:

// check the alignment on a number of cells in a table. 
var table = document.getElementById("forecast-table"); 
var cells = table.getElementsByTagName("td"); 
for (var i = 0; i < cells.length; i++) { 
    var status = cells[i].getAttribute("data-status"); 
    if (status == "open") { 
     // grab the data 
    } 
} 

Je suis d'accord avec @pranay_stacker; jQuery vous donne un moyen plus simple d'obtenir l'information.