Typeerror Innerhtml er ikke en funksjon i JavaScript

For å vise HTML -innhold i JavaScript, "indrehtml”Eiendom brukes. Det kan brukes som "element.InnerHTML = tekst”. Hvis du prøver å bruke Innerhtml som en funksjon, for eksempel “Innerhtml (tekst)”, Du vil møte en feil med å si at“Innerhtml er ikke en funksjon i JavaScript”Fordi Innerhtml er en eiendom, ikke en funksjon.

Denne opplæringen vil diskutere den nevnte feilen og dens løsning.

Hvordan oppstår “TypeError: Innerhtml er ikke en funksjon i JavaScript”?

Når vi prøver å påkalle den indre HTML -egenskapen som en funksjon, får vi den nevnte feilen. La oss se et eksempel på hvordan denne feilen oppstår.

Eksempel

I det gitte eksemplet vil vi vise gjeldende tid på websiden ved hjelp av JavaScript. For det første, lage et element

I en HTML -fil ved å tilordne ID “tid”:

I taggen eller en JavaScript -fil, oppretter du først et datoobjekt ved å bruke datakonstruktøren:

const dato = ny dato ();

Få deretter referansen til HTML -elementet der vi vil vise tid ved hjelp av "getElementById ()”Metode og kaller“indrehtml”Eiendom som en funksjon ved å passere datoens metode”tolocaletimestring ()”Som vil vise en tid på websiden:

dokument.getElementById ("Tid").Innerhtml (dato.tolocaletimestring ());

Å utføre koden ovenfor vil ikke vise tid på siden og kaste en feil som vises i "konsoll”Vindu:

La oss nå se i den gitte delen hvordan du fikser denne feilen!

Hvordan fikse feilen “Innerhtml er ikke en funksjon i JavaScript” -feil?

For å fikse det ovennevnte problemet, angi InnerHTML-attributtet til det aktuelle DOM-elementet, for eksempel “element.InnerHTML = tekst”.

Eksempel

Tilordne verdien til InnerHTML -egenskapen/attributtet ved å få DOM -elementet ved hjelp av “getElementById ()”Metode ved å passere elementets tildelte ID:

dokument.getElementById ("Tid").InnerHTML = Dato.tolocaletimestring ();

Produksjon

Det handler om InnerHTML er ikke en funksjon i JavaScript -feilen og løsningen.

Konklusjon

Den spesifiserte feilen oppstår når du vil prøve å påkalle InnerHTML -egenskapen som en funksjon. For å fikse dette problemet, angi InnerHTML -attributtet til det aktuelle DOM -elementet, for eksempel “element.InnerHTML = tekst”. I denne opplæringen diskuterte vi typenerror: InnerHTML er ikke en funksjon i JavaScript, hvordan den oppstår og hvordan du fikser det.