🚀 go-pugleaf

W dniu 2018-11-11 o 21:49, Jivanmukta pisze:

> Pliki .html, .css, .js przechodzą pomyślnie walidację.
> Nie mam innego elementu o id='property_pictures' ani innego o 
> id="main_title", literówki w id nie ma.
> DOM dokument jest załadowany w chwili wywołania.
> Nie usuwam elementów property_pictures ani main_title przy pomocy 
> JavaScript.
> Przejrzałem w Google strony "getElementById returns null" i nie 
> znalazłem przyczyny mojego błędu.
> Prosiłbym o podpowiedź co robię źle.

Taki błąd powstaje raczej tylko w przypadku gdy DOM nie jest w pełni 
załadowany. Nic innego mi do głowy nie przychodzi. A kiedy może się tak 
dziać? Z praktyki webdewelopera  najczęściej to:

1. Jakiś skrypt zmienia / przebudowuje strukturę dokumentu. Również może 
to być refresh.

2. Strona ładuje się i następuje chwilę potem przekierowanie do jej 
samej (3xx). Sprawdź po stronie sieci w narzędziach czy nie ma czegoś 
takiego.

Ustaw też w na początku funkcji animateMainTitle jakiś log do konsoli by 
sprawdzić czy nie następuje podwójne wywołanie w samym JS.

3. Ponadto z nazwy w/w funkcji wnioskuję iż naruszasz strukturę DOM by 
coś zanimować. Nie wiem jak konkretnie animujesz więc tylko zgaduję. 
Jeśli np. używasz innerHTML gdzieś dalej do zapisu, to wtedy takie cuda 
mogą się dziać. Nie należy używać do tego celu innerHTML bo jest 
strasznie wolne gdyż wymusza odświeżanie _CAŁEJ_ struktury DOM. Wtedy 
okresowo możesz tracić dostęp do DOM mimo iż pozornie wydaje Ci się, że 
nic się w niej nie zmienia. To dość częsty błąd początkujących 
programistów JS a i zaawansowani czasem też o tym nie wiedzą.

-- 
Pozdrawiam,
Marek