TypeError InnerHTML nie jest funkcją w JavaScript

Do wyświetlania zawartości HTML w JavaScript, „InnerHtml„Własność jest używana. Można go wykorzystać jako „element.innerHtml = tekst". Jeśli spróbujesz użyć innerHTML jako funkcji, na przykład „InnerHtml (tekst)”, Napotkasz błąd stwierdzający, że„InnerHTML nie jest funkcją w JavaScript”Ponieważ InnerHTML jest właściwością, a nie funkcją.

W tym samouczku 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 tego, jak napotyka się ten błąd.

Przykład

W danym przykładzie wyświetlimy bieżący czas na stronie internetowej za pomocą JavaScript. W tym momencie stwórz element

w pliku HTML poprzez przypisanie identyfikatora „czas”:

W znaczniku lub pliku JavaScript najpierw utwórz obiekt daty za pomocą konstruktora daty:

const data = nowa data ();

Następnie uzyskaj odniesienie do elementu HTML, w którym będziemy chcieli pokazać czas za pomocą „getElementById ()”Metoda i wywołuje„InnerHtml„Własność jako funkcja, przekazując metodę daty”Tolocaletimestring ()”, Który pokaże czas na stronie internetowej:

dokument.getElementById („czas”).InnerHtml (data.Tolokaletymestring ());

Wykonanie powyższego kodu nie wyświetli czasu na stronie i rzuci błąd, który zostanie wyświetlony w „konsola”Okno:

Teraz zobaczmy w danej sekcji, jak naprawić ten błąd!

Jak naprawić „InnerHTML nie jest funkcją w JavaScript”?

Aby naprawić wyżej wymyślony problem, ustaw atrybut InnerHTML odpowiedniego elementu DOM, takiego jak „element.innerHtml = tekst".

Przykład

Przypisz wartość do właściwości/atrybutu InnerHTML, otrzymując element DOM za pomocą „getElementById ()„Metoda, przekazując przypisany identyfikator elementu:

dokument.getElementById („czas”).innerHtml = data.Tolokaletymestring ();

Wyjście

To wszystko o innerhtml nie jest funkcją błędu JavaScript i rozwiązania.

Wniosek

Określony błąd występuje, gdy spróbujesz wywołać właściwość InnerHTML jako funkcja. Aby rozwiązać ten problem, ustaw atrybut InnerHTML odpowiedniego elementu DOM, takiego jak „element.innerHtml = tekst". W tym samouczku omówiliśmy typeerror: innerHTML nie jest funkcją w JavaScript, jak to się dzieje i jak to naprawić.