cześć mam pytanie, załóżmy ze jest taka sytuacja, ze po całej stronie lata 1 gruby plik js w którym są zawarte wszystkie biblioteki itp. korzystając z webpacka.
i teraz dochodzimy do momentu gdzie dla np. 2 podstron potrzebny jest element div z danym id aby zainicjować np. quill js.
wszystko w porządku, tam gdzie jest div to stworzy edytor itp. ale już tam gdzie nie ma to wyrzuci w konsoli error, ze nie znaleziono elementu.
jak wtedy należy postępować? sprawdzać warunkowo czy istnieje dane id?
Napisałeś bardzo ogólnie, ale z tego co zrozumiałem to właśnie tak - zrobić coś w stylu getElementById i w zależności od tego, co dostaniesz w odpowiedzi wykonaj odpowiednie czynności - albo jedziesz dalej z przetwarzaniem skryptu/skryptów, albo wykonujesz jakiś plan awaryjny - np. wyświetlenie użytkownikowi informacji o błędzie.
Jak pisze Cerrato:
if (document.getElementById("abc")===null)
ok to teraz trochę tak szczegółowo:
(pomijam import bibliotek i css)
po całej stronie lata 1 plik js,
teraz jest sobie podstrona** /panel/blog/nowy-post**, w której znajduje się div z id #editor oraz gdzies tam znajduje sie kod do inicjalizacji edytora.
var quill = new Quill('#editor', {
theme: 'snow'
});
na w/w podstronie wszystko działa, jest git, ale już na każdej innej gdzie nie ma żadnego elementu z id #editor, w konsoli wyskakuje błąd, ze nie znaleziono.
jak w takim razie wygląda poprawna inicjalizacja tego typu? czy po prostu powinno przed tym sie znaleźć warunek który zakonczy dzialanie skryptu jesli nie znaleziono elementu z danym id?