Есть html таблица. Хочу, что бы по нажатию кнопки отображались только те строки, слова в которых начинаются на букву "а". Пробовал сделать, но почему-то не выходит. В чем ошибка?
<table id="sf">
<tr>
<td>Бочка</td>
</tr>
<tr>
<td>Аквариум</td>
</tr>
<tr>
<td>Астронавт</td>
</tr>
<tr>
<td>Лопата</td>
</tr>
<tr>
<td>Аргентина</td>
</tr>
</table>
<input name="filt1" onclick="filtera('sf')" type="button" id="filt1" />
function filtera (_id1){
var table1 = document.getElementById(_id1);
var ele1;
for (var r = 1; r < table1.rows.length; r++) {
ele1 = table1.rows[r].innerHTML.replace(/<[^>]+>/g,"");
var displayStyle = 'none';
if (ele1.toLowerCase().charAt(0) == 'а')
displayStyle = '';
else {
displayStyle = 'none';
break;
}
table1.rows[r].style.display = displayStyle;
}
}