Para quem está começando com Document Object Model (daqui em diante apenas DOM), é difícil se acostumar com termos como parentNode ou Siblings, etc.

Fiz uma figura que ilustra a estrutura de uma página simples, indicando o que cada elemento é em relação ao outro e como acessá-los.

Na ilustração, Window (a janela do navegador) é o elemento top level, ou seja, o primordial. Os elementos abaixo de* window*, são os filhos da mesma, ou childNodes. Então window também (logicamente) é pai de document por exemplo, ou parentNode. Como history e location estão no mesmo level de document, isso os torna irmãos, ou irmãs, ou ainda Siblings. A mesma forma de raciocínio se aplica aos demais elementos da página.

Dentro de form, todos os elementos estão em um mesmo nível, com exceção de option que é um childNode do select.

É muito simples, mas um Chart assim para iniciantes pode poupar muito tempo, dores de cabeça precoce. ^^

T+