Met de innerHTML-eigenschap kunt u de inhoud van een element definiëren met JavaScript.
Als u een ongeldige elementwaarde opgeeft waarmee u de innerHTML-methode kunt gebruiken of als u het script plaatst voordat het element op de pagina wordt weergegeven, ziet u de fout "Uncaught TypeError: Unable to set the "innerHTML" null "property . error
In deze handleiding bespreken we wat deze fout betekent en waarom u deze kunt tegenkomen. We zullen een voorbeeld van deze fout bekijken, zodat u kunt leren hoe u deze in uw JavaScript kunt oplossen
Uncaught TypeError:. Kan eigenschap "innerHTML" niet op null instellen
De eigenschap InnerHTML is gekoppeld aan een webelement waarmee u met JavaScript werkt. Je hebt een webelement van de pagina geselecteerd met een "getter" , zoals getElementById () , of je hebt een element in JavaScript gemaakt dat je wilt wijzigen.
"Kan eigenschap `innerHTML` niet op null instellen" is een typefout. Dit betekent dat we proberen een eigenschap of functie toe te passen op een waarde die geen eigenschap of functie ondersteunt.
In dit geval proberen we de waarde van innerHTML in te stellen op een gelijk element . NUL. NULL-waarden ​​zijn geen innerHTML-eigenschap
Er zijn twee veelvoorkomende oorzaken van deze fout.
- Een script invoegen voordat een item op de webpagina verschijnt
- Verwijs naar de verkeerde item-ID.
We gaan de hoofdoorzaak analyseren, wat waarschijnlijk de meest voorkomende fout is die beginners maken.