Seletores a la jQuery:
Estão disponíveis no document e em todos os elementos; funcionam de maneira similar ao jQuery, e são bem suportados pelos browsers mais modernos. No IE, pelo que consta, estão disponíveis a partir da versão 8.
A string de parâmetro deve conter um ou mais seletores CSS separados por vírgula, apesar de que em minhas experiências seletores mais complexos (com pseudo-seletores) falharam.
// captura apenas a PRIMEIRA tag <a> da página:
var a = document.querySelector("a"); // retorna apenas o elemento encontrado (ou null)
// captura, dentro de 'a', TODOS (All) os elementos com classe "classeA" ou "classeB":
var b = a.querySelectorAll(".classeA, .classeB"); // retorna um array de filhos
Array de elementos filhos
Estão disponíveis em todos os elementos que contenham filhos; contém todos os elementos filhos (que não sejam nós puro-texto).
var c = b.children[0]; // exemplo de uso
Array de nós (texto/elemento) filhos
Estão disponíveis em todos os elementos, e contém todos os elementos filhos (textuais ou não).
var d = c.childNodes[1]; // exemplo de uso