получить все потомство каждого элемента

Question

Я пытаюсь создать функцию, которая получает все цвета элементов на веб-странице. Для этого мне нужно будет бежать от всех детей элемента тела и получить все их потомство.

Как вы знаете, дети могут быть изменены ("TABLE", "Р", "А", "H1" и т.д ..), как вы можете видеть на рисунке ниже я сделал:

Кроме того, как правило, определяет стиль принадлежит к последнему потомству, как вы можете видеть на следующей картинке:

есть ли общий метод в JAVASCRIPT для зацикливания на всех дочерних элементах, независимо от того, какой тип этот элемент, и получить последний элемент потомства? PS (на картинке выше, соответствующее потомство являются: "P", "ТД"

Спасибо, Дорон

Answer 1

var allElements = document.getElementsByTagName("*"); 

for(var i = 0, l = allElements.length ; i < l; i++) { 
    //get your colors here 
} 

Answer 2

Использование Jquery

var colors=[]; 
    $('*').each(function(){ 
    colors.push($(this).css('color')); 
    }); 

http://jsfiddle.net/mFrGe/

Answer 3

.

Это работает! :)

var myEle = $('html'); 
$('*',myEle).filter(function(){ return !this.childElementCount }); 

Мой код работает для всех элементов dom. (Так как я побежал этот код на html)

Таким образом, вместо html, вы можете поместить в #id или .class или любой tag и все его дети будут выбраны. Затем мы фильтруем все это, чтобы получить только те, которые сами не имеют детей.