Как получить все дочерние ноды в JS, включая всех «внуков»?

Question

Я хочу сканировать div для всех дочерних узлов, включая те, которые расположены внутри других элементов. Прямо сейчас у меня есть это:

var t = document.getElementById('DivId').childNodes; 
for(i=0; i<t.length; i++) alert(t[i].id); 

Но он получает детей от Div, а не внуков. Благодаря!

Редактировать: Этот вопрос был слишком расплывчатым. Извини за это. Вот скрипку:

http://jsfiddle.net/F6L2B/

Сценарий body.onload не работает на JSFiddle, но это работает, за исключением того, что «Me Второй» и поля ввода «Me» В-третьих, не будучи назначен TabIndex и поэтому пропущены.

Answer 1

Это самый быстрый и простой способ, и он работает на всех браузерах:

myDiv.getElementsByTagName("*") 

Answer 2

Как насчет правнуков?

Чтобы пройти сколь угодно глубоко, вы можете использовать рекурсивную функцию.

var alldescendants = []; 

var t = document.getElementById('DivId').childNodes; 
    for(i = 0; i < t.length; i++) 
     if (t[i].nodeType == 1) 
      recurseAndAdd(t[i], alldescendants); 

function recurseAndAdd(el, descendants) { 
    descendants.push(el.id); 
    var children = el.childNodes; 
    for(i=0; i < children.length; i++) { 
    if (children[i].nodeType == 1) { 
     recurseAndAdd(children[i]); 
    } 
    } 
} 

Если вы действительно хотите только внукам, то вы могли бы взять из рекурсии (и, возможно, переименовать функцию)

function recurseAndAdd(el, descendants) { 
    descendants.push(el.id); 
    var children = el.childNodes; 
    for(i=0; i < children.length; i++) { 
    if (children[i].nodeType == 1) { 
     descendants.push(children[i].id); 
    } 
    } 
} 

Answer 3

Если вы ищете для всех HTMLElement на современных браузерах вы можете использовать:

myDiv.querySelectorAll("*")