не работает onClick на теге <a>

#javascript #html

Всем доброго времени суток.

Подскажите пожалуйста, почему у меня не срабатывает событие вообще любое при наличии
обработчика на ссылке (теге )? 

Пробовал по разному 


  addEventListener


и 


  document.getElementById('id ссылки').onclick = function(){ тело
   функции  }


даже в HTMl писал 


  onclick="name_function()"


не работает хоть тресни. 

А если вместо тега  повесить событие на  то все замечательно
работает. В чем может быть причина?

В консоли никаких ошибок нет, мол браузер говорит, что все ок!
    

Ответы

Ответ 1

Потому что при клике на тэг а происходит переход/навигация на другую (возможно -
эту же самую) страницу.

document.getElementById('id ссылки').onclick = function(e){
  /*тело функции*/
  return false; // или e.preventDefault();
}


или

onclick="name_function();return false;"


Ответ 2

document.getElementById('id').onclick = function() {
  this.innerHTML = "good";
}
document.getElementById('id1').addEventListener('click', function() {
  this.innerHTML = "good";
})
link
link22222