Comment faire pour exécuter getElementsByTagName sur les enfants d'un élément?

Je vais avoir du mal à obtenir un sélecteur pour fonctionner correctement.

J'ai ce code HTML:

<div.wrapper>
    <div.ui-controlgroup-controls>
        <form>
            <div.ui-btn></div>
        </form>
        <div.ui-btn></div>
        <div.ui-btn></div>
        <div.ui-btn></div>
        <div.ui-btn></div>
    </div>
</div>

et je suis en train de sélectionner les div balises, qui sont les enfants de ui-controlgroup-controls - ce qui signifie l'exclusion de ce qui est à l'intérieur de la forme.

C'est ce que j'essaie:

//el is my div.wrapper element
el.children[0].getElementsByTagName("div");

Toutefois, cela ne fonctionne pas, parce que la div à l'intérieur de la forme se retrouve dans la sélection.

Question:
Comment puis-je sélectionner les éléments correctement quand je ne veux pas utiliser jQuery?

OriginalL'auteur frequent | 2013-04-01