Dziwne zachowanie "console.log", umieszczonego w IIFE, dla obiektu DOM przy odświeżaniu strony

Question

Zauważyłem, że console.log różnie reaguje przy pokazywaniu obiektu DOM, a konkretnie tabeli.Jeśli umieszczę console.log(document.getElementById('tableData') w IIFE, to na zmianę w przeglądarce wyświetla się to jako obiekt DOM (widać kod HTML), a raz jako jakiś inny obiekt.

Po odświeżeniu otrzymuję taki wynik:

I tak na zmianę (przy odświeżaniu).

Natomiast jeśli tego console.log z tabelą umieszczę w innej funkcji (nie IIFE), to widzę tylko wynik jak na 1 screenie.

Dlaczego używając IIFE z każdym odświeżeniem strony wygląda to inaczej?

Answer 1

To drugie się najczęściej pokazuje, gdy danego elementu nie ma już w DOM. Niemniej w obydwu przypadkach mamy do czynienia z elementem HTML (przecież element HTML w DOM to tak naprawdę normalny obiekt z własnościami!).

To jest dokładnie to samo – przedstawione na różne sposoby. Prawdę mówiąc drugi zapis jest czytelniejszy ;)

Comments

To drugie się najczęściej pokazuje, gdy danego elementu nie ma już w DOM. 

To dlaczego włączam stronę i wciskając cyklicznie F5 otrzymuję na zmianę 2 różne wyniki z console.log, jakby za każdym razem coś się inaczej wczytywało? Czy da się przy IIFE wymusić zwracanie jednego zapisu, czy to bez znaczenia i nie ma sensu tego ruszać?

---

Prawdopodobnie się nie da. To bez znaczenia, nie warto się tym przejmować.