Javascript-форум - как найти div-ы по содержимому и поменять им свойства

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - как найти div-ы по содержимому и поменять им свойства (https://javascript.ru/forum/events/59405-kak-najjti-div-y-po-soderzhimomu-i-pomenyat-im-svojjstva.html)

sovsem-nub,
('ul a','ul button') ; ой!!!
if( elements[i].innerHTML.indexOf('Стойки для очков') ) где?!!! != -1

sovsem-nub,
если надо точно

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>
  <style type='text/css'>

  </style>
<script>
window.onload=function(){
  var elements = document.querySelectorAll('ul  a,ul  button') ;
  for (var i = 0; i < elements.length; i++) {
    if( elements[i].textContent.replace(/^\s+|\s+$/mg,'')=='Стойки для очков'){elements[i].style.color = 'red';} ;
  }

}
</script>

</head>
<body>
  <ul>
  <li>Этот<button class="tc-btn-invisible">Стойки для очков бывают разные</button>
    <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>

</body>

</html>

Спасибо! вот моя фантазия

if( (elements[i].innerHTML.replace(/<.*?>/g, "")).replace(/\n/g, "")=="Стойки для очков" ){elements[i].style.color = 'red';}

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>
  <style type='text/css'>

  </style>
<script>
window.onload=function(){
var elements = document.querySelectorAll('ul  a,ul button') ;

  for (var i = 0; i < elements.length; i++) {
    if( (elements[i].innerHTML.replace(/<.*?>/g, "")).replace(/\n/g, "")=="Стойки для очков" ){elements[i].style.color = 'red';} ; 
       }

}
</script>

</head>
<body>
  <ul>
  <li>Этот<button class="tc-btn-invisible">Стойки для очков бывают разные</button>
    <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>

</body>

</html>

elements[i].textContent хорошая вещь . не знал такого.....

:thanks: Допилил следующий вариант демки интернет магазина :dance:
теперь есть ощущение, что ходишь по разным страницам сайта, хотя находишься все время на одной странице . Похвалюсь http://uvakin.neocities.org/heeg.html

sovsem-nub,
:)

Цитата:

Контакты

я люблю овощи
•Морковь
•Капусту
•Лук