자바 스크립트를 사용하여 다른 div 안에 div 수를 계산하는 방법

Question

div 요소에 포함 된 div 요소의 수를 계산하는 방법은 javascript를 사용하는 것입니까?

Answer 1

getElementsByTagName()은 document 메서드 일뿐만 아니라 모든 DOM 요소에서 실행할 수있는 메서드입니다.

요소. getElementsByTagName은 과 유사한 입니다. getElementsByTagName, 자사의 검색

표시되는 지정된 요소의 후손들 요소로 제한된다 제외하고는 더이 무엇을 물어 않도록 https://developer.mozilla.org/en/DOM/element.getElementsByTagName

---

실제 코드에서

var container_div = document.getElementById('id_of_container_div'); 
var count = top_level_div.getElementsByTagName('div').length; 

Answer 2

많은 방법으로 상담 할 수 있습니다. jquery를 사용하여 요소를 divs합니다.

그러나 가장 인기있는 간단한 방법은 다음과 같습니다

$(document).ready(function(){ 
    var divCount = $("div").size(); 
    alert(divCount); 
}); 

및

$(document).ready(function(){ 
    var divCount = $("div").length; 
    alert(divCount); 
}); 

그것의 도움에 대한 당신

Answer 3

당신은 davidcmoulton의 편리한 요점 @ 사용할 수 있습니다

: https://gist.github.com/davidcmoulton/a76949a5f35375cfbc24

I 아주 유용하다는 것을 알지 못한다. DIV 수만 계산하고 페이지의 모든 요소 유형 수를 나열합니다. 여기

추가 참조를 위해 요점의 사본입니다 :

(function (window, undefined) { 
// Counts all DOM elements by name & logs resulting object to console. 
var forEach = Array.prototype.forEach, 
counter = {}, 

incrementElementCount = function (elementName) { 
    if (counter.hasOwnProperty(elementName)) { 
    counter[elementName] += 1; 
    } else { 
    counter[elementName] = 1; 
    } 
}, 

processNode = function (node) { 
    var currentNode = node; 
    if (currentNode.nodeType === currentNode.ELEMENT_NODE) { 
    incrementElementCount(currentNode.nodeName); 
    if (currentNode.hasChildNodes) { 
     forEach.call(currentNode.childNodes, function (childNode) { 
     if (childNode.nodeType === currentNode.ELEMENT_NODE) { 
      processNode(childNode); 
     } 
     }); 
    } 
    } 
}; 

processNode(window.document.firstElementChild); 

console.log(counter); 

}(this));