Как применить js через псевдокласс и заменить текст?

Question

[an]

Есть список меню

<ul class="nav-top__list">
<li class="nav-top__list-item"><a href="#" class="nav-top__link">пункт1</a>
  <ul class="nav-top__list__sub">
    <li class="nav-top__list-item"><a href="#" class="nav-top__link">подпункт</a>
      <li class="nav-top__list-item"><a href="#" class="nav-top__link">подпункт</a>
        <li class="nav-top__list-item"><a href="#" class="nav-top__link">подпункт</a>
  </ul>
</li>
<li class="nav-top__list-item"><a href="#" class="nav-top__link">пункт2</a></li>
<li class="nav-top__list-item"><a href="#" class="nav-top__link">пункт3</a></li>
  <li class="nav-top__list-item"><a href="#" class="nav-top__link">пункт4</a></li>
</ul>

к пункту 3 нужно применить вот это

там задано элементу a по id, но у меня нет возможности в список добавить айдишник или класс, т.к там список формируется циклом
а так же затереть текст, что по умолчанию выводится в пункт3
возможно ли это сделать через js?

Comments

[H0JLuk]

для начала тэги закрой
можешь через класс получить массив элементов и к 3-ему элементу добавишь свой эффект

Answer 1

[Владимир Ясанкин]

Помести список меню в div. В коде получи innerHTML div, редактируй его как текст.
Помести отредактированный код в innerHTML div.