Javascript-форум - Как получить иннер html из дива по классу

<span id="sub2b8">
	<span class="selectbox" style="display:inline-block;position:relative">
	<div class="select" style="float:left;position:relative;z-index:10000">
		<div class="text">
			Матовая посуда
		</div>
		<b class="trigger">
			<i class="arrow"></i>
		</b>
	</div>
	<div class="dropdown" style="position: absolute; z-index: 9999; overflow-y: auto; overflow-x: hidden; list-style: outside none none; left: 0px; display: none;">
		<ul>
			<li class="selected sel">Матовая посуда</li>
			<li>Категория 2</li>
			<li>Каткгория 3</li>
		</ul>
	</div>
	</span>
	<select style="position: absolute; top: -9999px;">
		<option>Матовая посуда</option>
		<option>Категория 2</option>
		<option>Каткгория 3</option>						
	</select>
</span>

Как получить innerHTML из <div class="text">

Так не получается:

var val13=document.querySelectorAll('#sub2b8 [class="text"]');
alert(val13.innerHTML);