Komunikat o nowym elemencie

Question

Witam, chciałbym otrzymać komunikat np console.logiem ze pojawił się nowy element w HTML 

Np

<div class="main">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

I gdy pojawi się nowy item to dostanę komunikat o tym. Jak to ogarnąć? :) 
z góry dziękuje za pomoc.

Comments

Masz na myśli dynamicznie dodawany element? Pracujesz w czystym JS, czy jakiś framework/biblioteka?

---

Czysty js, po prostu element tworzy się z bazy, a ja co jakiś czas chciałbym dostać o tym komunikat że się stworzył, tak bardziej w celach edukacji :)

Answer 1

Informację o dodaniu nowego elementu na stronie (chociaż bardziej o zmianie w DOM w kontekście obserwowanego elementu) możesz uzyskać przy użyciu MutationObserver'a. Przykład użycia znajdziesz w podlinkowanej dokumentacji.

Nie wiem co to znaczy "element tworzy się z bazy", ale jeśli masz na myśli zwracanie kodu HTML elementu na odpowiedź do wysłanego requesta, to zapewne w kodzie masz funkcje odpowiedzialne za sparsowanie i dodanie tego elementu do DOM. Więc może po prostu z tego miejsca powiadom aplikacje o tym?

Comments

Chciałbym po prostu otrzymać informację że jest nowy element po prostu, równie dobrze mógłbym dać setIntervala który by mi co chwile sprawdzał ale tak się nie robi

---

No to użyj MutationObservera.

Zapytałem o sposób dodawania elementu(ów), ponieważ może wystarczy przerobić/rozszerzyć już istniejący mechanizm dodawania elementów, aby on o tym powiadamiał.

---

Niee, to ma być taki "bot" który będzie działał na apce do której nie mam ingerencji

---

To odpal go przez skrypto-zakładkę lub z własnej wtyczki.