HTMLのある要素の直下のテキストだけを取り出す

JavaScriptで、HTMLの要素の直下(つまり、子供)のテキストだけをとりだしたかった。 例をあげると、 <div id="test"><b>新</b>楽しい人生<small>第一回</small></div> みたいなhtmlがあったとき、<div>の中の直下のテキストだけ取り出し、「楽しい人生」を得たいという欲求があった。ここで、 div = document.getElementById("test"); console.log(div.textContent); とする</div>…