утечки памяти в js
 

<div id="id1">
  <p id="id_p"> content </p>
</div>

document.getElementById("id_p").addEventListener("click", function(e)
{
  // обработчик что то делает
});

// какой то код 
// ....
document.getElementById("id1").innerHTML = "";

Вопрос, что произойдет с обработчиком который был установлен на тег <p> ?
будут ли он занимать память либо удалится вместе с элементом ?

Ничего не надо. Нет объекта - нет и листенера. Ну то есть гарбач-коллектор сам все выпилит, даже не парься, инфа 100%.

Спасибо.

но стоит упомянуть про jq, которым пользуются многие.
Если обработчик повешен с помощью jq и элемент удален не jq методами, то обработчик так и останется висеть в памяти.

Ну да, jq-объект-то остается. Вот почему jq - зло )