TypeError: innerHTML ist keine Funktion in JavaScript

Typeerror Innerhtml Ist Keine Funktion In Javascript



Für die Anzeige von HTML-Inhalten in JavaScript ist das „ innerHTML ”-Eigenschaft verwendet wird. Es kann verwendet werden als „ element.innerHTML = Text “. Wenn Sie versuchen, innerHTML als Funktion zu verwenden, z. B. „ innerHTML(text) “, werden Sie auf einen Fehler stoßen, der besagt, dass „ innerHTML ist keine Funktion in JavaScript ” weil innerHTML eine Eigenschaft ist, keine Funktion.

In diesem Tutorial werden der erwähnte Fehler und seine Lösung besprochen.

Wie kommt es zu „TypeError: innerHTML is not a function in JavaScript“?

Wenn wir versuchen, die innerHTML-Eigenschaft als Funktion aufzurufen, erhalten wir den erwähnten Fehler. Sehen wir uns ein Beispiel an, wie dieser Fehler auftritt.







Beispiel

Im angegebenen Beispiel zeigen wir die aktuelle Uhrzeit auf der Webseite mit JavaScript an. Erstellen Sie dazu zunächst ein Element

in einer HTML-Datei, indem Sie die ID „ Zeit “:



< p-ID = 'Zeit' > p >

Erstellen Sie im Tag


dokumentieren. getElementById ( 'Zeit' ) . innerHTML ( Datum. toLocaleTimeString ( ) ) ;

Das Ausführen des obigen Codes zeigt keine Zeit auf der Seite an und löst einen Fehler aus, der im „ Konsole ' Fenster:



Sehen wir uns nun im angegebenen Abschnitt an, wie dieser Fehler behoben werden kann!

Wie behebt man den Fehler „innerHTML ist keine Funktion in JavaScript“?

Um das oben beschriebene Problem zu beheben, setzen Sie das innerHTML-Attribut des relevanten DOM-Elements, wie z. B. „ element.innerHTML = Text “.

Beispiel

Weisen Sie der innerHTML-Eigenschaft/Attribut den Wert zu, indem Sie das DOM-Element mit Hilfe des „ getElementById() “-Methode durch Übergeben der zugewiesenen ID des Elements:

dokumentieren. getElementById ( 'Zeit' ) . innerHTML = Datum. toLocaleTimeString ( ) ;

Ausgabe

Das ist alles über den Fehler „innerHTML is not a function“ in JavaScript und die Lösung.

Fazit

Der angegebene Fehler tritt auf, wenn Sie versuchen, die innerHTML-Eigenschaft als Funktion aufzurufen. Um dieses Problem zu beheben, legen Sie das innerHTML-Attribut des relevanten DOM-Elements fest, z. B. „ element.innerHTML = Text “. In diesem Tutorial haben wir den TypeError: innerHTML is not a function in JavaScript besprochen, wie er auftritt und wie er behoben werden kann.