Przeniesienie onclick z kodu html do js

Question

Witam, mój prosty skrypt działa tylko, że chciałbym go poprawić i ominąć łączenia kodu html z js. Chodzi mi dokładnie o ten fragment kodu:

<td class="td-remove" onclick="parentNode.remove()"><img src="remove.png" title="usuń pozycję" alt="usuń pozycję" width="8" height="8"></td>

Po kliknięciu usuwa się to co chcę i działa prawidłowo, ale chciałbym pozbyć się fragmentu:

onclick="parentNode.remove()"

i zastąpić go w tagach <script>.

Answer 1

Powinieneś użyć do tego: document.addEventListener.

https://developer.mozilla.org/pl/docs/Web/API/Element/addEventListener

function modifyText() {
     var t2 = document.getElementById("t2");
     t2.firstChild.nodeValue = "Trzy";    
   }
 
   // Funkcja dodająca obserwatora zdarzeń dla tabeli t
   function load() { 
     var el = document.getElementById("t"); 
     el.addEventListener("click", modifyText, false); 
   } 

 

Answer 2

onclick = "remove(this)"

function remove(td){
td.parentNode.parentNode.removeChild(td.parentNode);
}

Nie jestem pewien czy to masz na myśli, ale spróbuj tak, jeśli nie zadziała to proszę wytłumacz o co dokładnie chodzi.