Denna handledning kommer att diskutera det nämnda felet och dess lösning.
Hur uppstår 'TypeError: innerHTML är inte en funktion i JavaScript'?
När vi försöker anropa egenskapen innerHTML som en funktion får vi det nämnda felet. Låt oss se ett exempel på hur detta fel uppstår.
Exempel
I det givna exemplet kommer vi att visa aktuell tid på webbsidan med hjälp av JavaScript. För detta, skapa först ett element
i en HTML-fil genom att tilldela id ' tid ”:
< p id = 'tid' > sid >
I
dokumentera. getElementById ( 'tid' ) . innerHTML ( datum. till LocaleTimeString ( ) ) ;
Att köra ovanstående kod kommer inte att visa tid på sidan och skapa ett fel som kommer att visas i ' trösta ' fönster:
Låt oss nu se i det givna avsnittet hur man fixar detta fel!
Hur fixar jag felet 'innerHTML är inte en funktion i JavaScript'?
För att åtgärda det ovan diskuterade problemet, ställ in innerHTML-attributet för det relevanta DOM-elementet, som ' element.innerHTML = text ”.
Exempel
Tilldela värdet till innerHTML-egenskapen/attributet genom att hämta DOM-elementet med hjälp av ' getElementById() ”-metoden genom att skicka elementets tilldelade id:
dokumentera. getElementById ( 'tid' ) . innerHTML = datum. till LocaleTimeString ( ) ;Produktion
Det handlar om att innerHTML är inte en funktion i JavaScript-fel och lösningen.
Slutsats
Det angivna felet uppstår när du försöker anropa egenskapen innerHTML som en funktion. För att åtgärda det här problemet, ställ in innerHTML-attributet för det relevanta DOM-elementet, till exempel ' element.innerHTML = text ”. I den här handledningen diskuterade vi TypeError: innerHTML är inte en funktion i JavaScript, hur det uppstår och hur man fixar det.