Nieobsługiwane typeerror nie może ustawić właściwości NULL w GetElementbyid

Podczas wykonywania bloków kodu w JavaScript mogą wystąpić sytuacje, w których występują różne rodzaje błędów, które stają się wąskim gardłem w implementacji funkcji kodu. Błędy te obejmują wyświetlanie niezainicjowanej wartości, uzyskiwanie dostępu do elementu przed jego określaniem itp. Jednym z takich błędów jest „Nieprawidłowy typeerror: Nie można ustawić właściwości NULL na getElementById ()”, Który zostanie omówiony i rozwiązany w tym artykule.

Jak występuje typeerror: nie może ustawić właściwości NULL w getelementbyid ()?

„„Nieprawidłowy typeerror: Nie można ustawić właściwości NULL na getElementById ()„Może wystąpić z następujących powodów:

• Wcześniejszy dostęp do elementu.
• Nieprawidłowy dostęp do identyfikatora.

Przykład 1: Występowanie typu typu nieokreślonego: nie można ustawić właściwości zerowych na getelementbyid () z powodu wcześniejszego dostępu do elementu

W tym przykładzie błąd napotkany z powodu dostępu konkretnego elementu przed określeniem go zostanie omówiony:

Witryna Linuxhint

Zastosuj następujące kroki, jak podano w powyższych wierszach kodu:

• Po pierwsze, dołącz blok kodu JavaScript w „”Tag.
• Tutaj uzyskaj dostęp do elementu odpowiadającego określonym „ID" używając "getElementById ()" metoda.
• Zastosuj także „InnerHtml„Właściwość do aktualizacji zawartości dostępnego elementu.
• W kodzie HTML w ramach „”Tag, zawiera nagłówek o określonym„ID".
• Po wykonaniu kodu błąd typu „Nie można ustawić właściwości NULL na getElementById ()" wystąpi. To dlatego, że element „

  ”Dostęp do niego, zanim zostanie jeszcze określony.

Wyjście

W powyższym wyjściu można zauważyć, że określony błąd jest wyświetlany z powodu wcześniejszego dostępu do elementu.

Rozwiązanie

Powyższy błąd w tym przypadku można rozwiązać poprzez sekwencjonowanie kodu, tak aby element był określony przed jego dostępem.

Poniższy przykład ilustruje podaną koncepcję:

Witryna Linuxhint

Powyższy kod jest identyczny z poprzednim kodem ze zmianą umieszczania bloków kodu. To takie, że „

Wyjście

Jak widać, napotkany błąd jest rozwiązany, a zaktualizowana treść za pośrednictwem „InnerHtml„Wyświetlana jest właściwość.

Przykład 2: Występowanie typu typu nieokreślonego: nie można ustawić właściwości NULL w getElementById () z powodu niepoprawnego dostępu identyfikatora

Wydany błąd można również napotkać, uzyskując dostęp do identyfikatora.

Przejrzyjmy poniżej podanego przykładu:

Jawa

W powyższym fragmencie kodu:

• Obejmują „„Element o podaniu„ID”I wartość tekstu.
• W części kodu JS dostęp do zawartego elementu w poprzednim kroku za pomocą „getElementById ()" metoda.
• „„ID”Format tutaj jest nieprawidłowy, biorąc pod uwagę metodę dostępu do konkretnego elementu.
• Tutaj "Innertext”Właściwość wyświetla podaną wartość tekstową.

Wyjście

W tym wyjściu można zweryfikować, że stosowana właściwość nie wpłynęła na element z powodu nieprawidłowego formatu identyfikatora.

Rozwiązanie

Wspomniany błąd w tym konkretnym scenariuszu można rozwiązać poprzez prawidłowe określenie identyfikatora, jednocześnie uzyskując dostęp do elementu:

Jawa

Zaimplementuj poniżej podawane kroki, jak stwierdzono w powyższym kodzie:

• Zawierać "„Element o podaniu„ID".
• W fragmencie kodu JavaScript uzyskaj dostęp do elementu, w poprzednim kroku, określając element „ID”Prawidłowo przez„getElementById ()" metoda.
• Na koniec zastosuj „Innertext”Właściwość i wyświetl podaną treść tekstu, która zostanie zaktualizowana w tym przypadku.

Wyjście

W powyższym wyjściu można wizualizować, że wyświetlana jest zaktualizowana zawartość tekstu.

Wniosek

„„Nieprawidłowy typeerror: Nie można ustawić właściwości NULL na getElementById ()”W JavaScript można rozwiązać, podając element przed dostępem do niego lub określenie identyfikatora we właściwym formacie. Po tym, odpowiednie funkcje można wykonać w obu przypadkach. Ten blog prowadził o rozwiązywaniu nieuzasadnionego typeerroru: nie można ustawić właściwości NULL na getelementbyid () w JavaScript.