javascript - 要素の子に対してのみ getElementsByTagName を実行する方法は?

Question

セレクターを正しく動作させるのに問題があります。

私はこの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>

divの子であるタグを選択しようとしています。これはui-controlgroup-controls、フォーム内の内容を除外することを意味します。

これは私がしようとしているものです:

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

ただし、フォーム内の div が選択されるため、これは機能しません。

質問:
jQuery を使用したくない場合、要素を正しく選択するにはどうすればよいですか?