[sovsem-nub]

вот страница

<ul>
  <li>Этот
    <button class="tc-btn-invisible">Стойки для очков</button>
    <button class="tc-btn-invisible">Стойки для носков</button>
      </li>
  <li>тест</li>
</ul>
<ul>
    
    <a class="tc-tiddlylink tc-tiddlylink-resolves"  href="#HelloThere">
<span class=" tc-reveal"></span>
<span class=" tc-reveal" hidden="true"></span>
Стойки для очков
</a>
    
  <li>полностью</li>
  <li>пройден</li>
</ul>

var elements = document.querySelectorAll('ul  button') ;

  for (var i = 0; i < elements.length; i++) {
    if( elements[i].innerHTML=="Стойки для очков" ){elements[i].style.color = 'red';} ; 
  }

если 'ul button' , то все работает, а если 'ul a' то не работает. как сделать чтобы innerhtml не учитывал <> внутри себя?

и как добавить несколько условий поиска в document.querySelectorAll('ul button') ?
вот тут код http://jsfiddle.net/zip13/e6xh09kf/1/