Ten samouczek omówi wspomniany błąd i jego rozwiązanie.
Jak występuje „TypeError: innerHTML nie jest funkcją w JavaScript”?
Kiedy próbujemy wywołać właściwość innerHTML jako funkcję, otrzymujemy wspomniany błąd. Zobaczmy przykład napotkania tego błędu.
Przykład
W podanym przykładzie pokażemy aktualny czas na stronie internetowej za pomocą JavaScript. W tym celu najpierw utwórz element
w pliku HTML, przypisując identyfikator „ czas ”:
< identyfikator p = 'czas' > p >
W tagu
dokument. getElementById ( 'czas' ) . wewnętrzny HTML ( data. doLocaleTimeString ( ) ) ;
Wykonanie powyższego kodu nie spowoduje wyświetlenia czasu na stronie i wyrzuci błąd, który zostanie wyświetlony w „ konsola okno:
Zobaczmy teraz w danej sekcji, jak naprawić ten błąd!
Jak naprawić błąd „innerHTML nie jest funkcją w JavaScript”?
Aby naprawić omówiony powyżej problem, ustaw atrybut innerHTML odpowiedniego elementu DOM, na przykład „ element.innerHTML = tekst ”.
Przykład
Przypisz wartość do właściwości/atrybutu innerHTML, pobierając element DOM za pomocą „ getElementById() ” przekazując przypisany identyfikator elementu:
dokument. getElementById ( 'czas' ) . wewnętrzny HTML = data. doLocaleTimeString ( ) ;Wynik
To wszystko o innerHTML nie jest funkcją błędu JavaScript i rozwiązaniem.
Wniosek
Określony błąd występuje, gdy spróbujesz wywołać właściwość innerHTML jako funkcję. Aby rozwiązać ten problem, ustaw atrybut innerHTML odpowiedniego elementu DOM, na przykład „ element.innerHTML = tekst ”. W tym samouczku omówiliśmy błąd TypeError: innerHTML nie jest funkcją w JavaScript, jak on występuje i jak go naprawić.