javascript - html ノードのルート項目のみを選択する

Question

私はこのhtmlコードを持っています。

<div class="breadcrumb">
  <a href="#" class="breadcrumb">Home</a>      
  <a class="breadcrumb" href="#">About</a>      
  <a class="breadcrumb" href="#">History</a>
  Message from our Founding Members  
</div>

JavaScript を使用して、div ".breadcrumb" からテキストを取得したいと考えています。問題は、このコードを実行すると、div の下のタグにも同じ名前のクラスがあることです。

var names = document.querySelectorAll('.breadcrumb');
return [].map.call(names, function(name) {
  return name.textContent;
});

配列の最初の要素は、すべての a 要素と div の textContent を取得します。divのみのテキストを取得するにはどうすればよいですか。この場合、「創設メンバーからのメッセージ」のみを返したいと思います。それらがすべて同じクラスを持っている場合、htmlのルート項目のみを選択する方法はありますか?

ありがとう