Jak se vyskytuje chyba Uncaught TypeError: Nelze nastavit vlastnosti null na getElementById()?
' Uncaught TypeError: Nelze nastavit vlastnosti null v getElementById() “ může nastat z následujících důvodů:
Příklad 1: Výskyt nezachycené chyby typu: Nelze nastavit vlastnosti null na getElementById() kvůli předchozímu přístupu prvku
V tomto příkladu bude probrána chyba, ke které došlo kvůli přístupu k určitému prvku před jeho specifikací:
< skript >
dokument. getElementById ( 'hlava' ) . vnitřní HTML = 'Obsah JavaScript' ;
skript >
< centrum < tělo >
< h2 id = 'hlava' > Web Linuxhint h2 >
tělo > centrum >
Použijte následující kroky, jak je uvedeno ve výše uvedených řádcích kódu:
- Nejprve zahrňte blok kódu JavaScript do „ ” tag.
- Zde přejděte k prvku odpovídajícímu uvedenému „ id ' za použití ' getElementById() “ metoda.
- Aplikujte také „ vnitřní HTML ” pro aktualizaci obsahu prvku, ke kterému se přistupuje.
- V HTML kódu v „ ” tag, zahrnout nadpis se specifikovaným “ id “.
- Po spuštění kódu se zobrazí chyba typu „ Nelze nastavit vlastnosti null na getElementById() ' objeví se. Je to proto, že prvek „ ” je zpřístupněno dříve, než je vůbec specifikováno.
Výstup
Na výše uvedeném výstupu je vidět, že uvedená chyba je zobrazena kvůli předchozímu přístupu k prvku.
Řešení
Výše uvedená chyba v tomto případě může být vyřešena sekvenováním kódu tak, aby byl prvek specifikován před tím, než je k němu přistupováno.
Uvedený koncept ilustruje následující příklad:
< centrum < tělo >< h2 id = 'hlava' > Web Linuxhint h2 >
tělo > centrum >
< skript >
dokument. getElementById ( 'hlava' ) . vnitřní HTML = 'Obsah JavaScript' ;
skript >
Výše uvedený kód je shodný s předchozím kódem se změnou umístění bloků kódu. Je to takové, že „ ” prvek je specifikován před tím, než je zpřístupněn v kódu JavaScript.
Výstup
Jak je vidět, nalezená chyba je vyřešena a aktualizovaný obsah prostřednictvím „ vnitřní HTML “ se zobrazí vlastnost.
Příklad 2: Výskyt nezachycené chyby typu: Nelze nastavit vlastnosti null na getElementById() kvůli nesprávnému přístupu k ID
Uvedená chyba může nastat také nesprávným přístupem k id.
Pojďme si projít níže uvedený příklad:
< markýza id = 'pro' > Jáva stan >< typ skriptu = 'text/javascript' >
dokument. getElementById ( '#pro' ) . vnitřníText = 'Skript' ;
skript >
Ve výše uvedeném úryvku kódu:
- Zahrnout „ „prvek s uvedeným „ id “ a textovou hodnotu.
- V části kódu JS přejděte k prvku zahrnutému v předchozím kroku pomocí „ getElementById() “ metoda.
- ' id ” zde není správný, s ohledem na metodu přístupu ke konkrétnímu prvku.
- Zde, „ vnitřníText ” zobrazí uvedenou textovou hodnotu.
Výstup
V tomto výstupu lze ověřit, že použitá vlastnost neovlivnila prvek kvůli nesprávnému formátu id.
Řešení
Uvedenou chybu v tomto konkrétním scénáři lze vyřešit správným zadáním id při přístupu k prvku:
< markýza id = 'pro' > Jáva stan >< typ skriptu = 'text/javascript' >
dokument. getElementById ( 'pro' ) . vnitřníText = 'Skript' ;
skript >
Proveďte níže uvedené kroky, jak je uvedeno ve výše uvedeném kódu:
- Zahrnout „ 'prvek s daným' id “.
- Ve fragmentu kódu JavaScript otevřete prvek v předchozím kroku zadáním „ id “ správně přes “ getElementById() “ metoda.
- Nakonec použijte „ vnitřníText ” a zobrazí uvedený textový obsah, který bude v tomto případě aktualizován.
Výstup
Ve výše uvedeném výstupu lze vizualizovat, že je zobrazen aktualizovaný textový obsah.
Závěr
' Uncaught TypeError: Nelze nastavit vlastnosti null na getElementById() ” v JavaScriptu lze vyřešit zadáním prvku před přístupem k němu nebo zadáním id ve správném formátu. Poté lze v obou případech spustit odpovídající funkce. Tento blog se zabývá řešením chyby Uncaught TypeError: Nelze nastavit vlastnosti null na getElementById() v JavaScriptu.