Manipulacja kodu poprzez addEventListener generowanego ajaksem

Odpowiedz Nowy wątek
2017-12-28 23:21
Krzywy Młot
0

Chcę wstrzyknąć na stronę fragment kodu za pomocą JS. Normalnie nie stanowi to problemu, bo zrobiłbym to addEventListener z eventem DOMContentLoaded i mogę dowolnie modyfikować kod. Problem pojawia się gdy część kodu, którą chcę podmienić jest generowana później, np. poprzez AJAX. Wówczas DOMContentLoaded nie ma zastosowania. Fragment kodu wygląda następująco:

document.addEventListener("click", function(event){
  document.querySelector("h1").insertAdjacentHTML('afterend', '<div>asd</div>');
});

Całość kodu można przetestować tutaj: https://www.w3schools.com/js/[...]asp?filename=tryjs_ajax_first trzeba tylko dodać powyższy kod. Kod działa z takimi eventami jak powyższy click czy mouseover, ale chciałbym by działało to od razu po załadowaniu danych.
Wiem, że można uzyskać taki efekt za pomocą MutationObserver, ale kompletnie nie wiem jak to zastosować praktycznie w tym kodzie, prosiłbym o jakieś wskazówki.

Pozostało 580 znaków

2017-12-28 23:44
2017-12-28 23:55
Krzywy Młot
0

Tak, widziałem tę stronę, ale i tak nie potrafię tego zaimplementować żeby działało. Niestety jestem początkującym programistą, proszę o jakieś wskazówki jak to powinno wyglądać

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0