Tento tutoriál probere zmíněnou chybu a její řešení.
Jak se objeví „TypeError: innerHTML není funkce v JavaScriptu“?
Když se pokusíme vyvolat vlastnost innerHTML jako funkci, dostaneme zmíněnou chybu. Podívejme se na příklad, jak k této chybě dochází.
Příklad
V uvedeném příkladu ukážeme aktuální čas na webové stránce pomocí JavaScriptu. Za tímto účelem nejprve vytvořte prvek
v souboru HTML přiřazením id “ čas “:
< p id = 'čas' > p >
Ve značce
dokument. getElementById ( 'čas' ) . vnitřní HTML ( datum. toLocaleTimeString ( ) ) ;
Po provedení výše uvedeného kódu se na stránce nezobrazí čas a dojde k chybě, která se zobrazí v „ řídicí panel ' okno:
Nyní se podívejme v dané části, jak tuto chybu opravit!
Jak opravit chybu „vnitřní HTML není funkce v JavaScriptu“?
Chcete-li vyřešit výše diskutovaný problém, nastavte atribut innerHTML příslušného prvku DOM, například „ element.innerHTML = text “.
Příklad
Přiřaďte hodnotu vlastnosti/atributu innerHTML získáním prvku DOM pomocí „ getElementById() ” předáním přiřazeného id prvku:
dokument. getElementById ( 'čas' ) . vnitřní HTML = datum. toLocaleTimeString ( ) ;Výstup
To je vše o tom, že innerHTML není funkce v chybě JavaScriptu a řešení.
Závěr
Zadaná chyba nastane, když se pokusíte vyvolat vlastnost innerHTML jako funkci. Chcete-li tento problém vyřešit, nastavte atribut innerHTML příslušného prvku DOM, například „ element.innerHTML = text “. V tomto tutoriálu jsme diskutovali o chybě TypeError: innerHTML není funkce v JavaScriptu, jak k ní dochází a jak ji opravit.