Как привязать события клик к ссылки. DOM

381

23 апреля 2017, 00:40

Добрый день. Как привязать события клик к ссылки номер 2, когда первая ссылка динамическая, то есть она появляется и исчезает рандомно.

Этот скрипт должен работать с DOM, нет возможности работать с кодом.

<div class="a">
    <a class="href" href="#">1</a> //Рандомная ссылка
    <a class="href" href="#">2</a>
    <a class="href" href="#">3</a>
</div>
var el = document.getElementsByClassName('href')[0]; el.click();

Я бы посчитал количество ссылок. Если ссылок стало на одну больше, выполнил условие if, к нулю прибавил единицу. Но бывают случаи, когда ссылок стает гораздо больше, а мне необходимо привязать событие к определенной ссылки.

Answer 1

Если только название уникально, то можно искать по названию.

var link = null 
  , links = document.getElementsByTagName('a') 
  , searchText = 'Бить врагов '; 
for (var i = 0; i < links.length; i++) { 
  if (links[i].textContent === searchText) { 
    link = links[i]; 
    break; 
  } 
} 
if (link) { 
  console.log('Ссылка найдена.'); 
  //link.click(); 
} 
else { 
  console.log('Ссылка не найдена.'); 
}

<a class="flhdr" href="#">Не бить врагов</a> 
<a class="flhdr" href="?wicket:interface=:2:actionPanel:damageRandomEnemyLink‌::ILinkListener::&am‌p;action=14928018000‌48"><img class="internalIcon" alt="" src="/images/icons/attack.png" border="0">Бить врагов </a>