Всплыло продолжение

Внутри каждого пункта списка есть еще элементы. В конечном итоге список выглядит примерно так:
<button onclick="temp()">dsadsa</button>
<ul id="items">
<li><div id="hren"><a><div class="avatarli"><img scr=""></div><div class="fioli">первая строка</div></a></div></li>
<li><div id="hren"><a><div class="avatarli"><img scr=""></div><div class="fioli">вторая строка</div></a></div></li>
<li><div id="hren"><a><div class="avatarli"><img scr=""></div><div class="fioli">третья строка</div></a></div></li>
<li><div id="hren"><a><div class="avatarli"><img scr=""></div><div class="fioli">четвертая строка</div></a></div></li>
</ul>
пытаюсь применить следующий скрипт:
function temp(){
var txt=document.querySelector('#items > li > div>a').innerHTML;
alert(txt);
if (txt=='первая строка') {
alert('ye');
}
else{
alert('no');
}
};
В этом случае переменная "txt" будет содержать все, что находится внутри тега "а", включая дивы. А как вычленить из этого именно строку "первая строка"?
Заранее спасибо
