{"id":51795,"date":"2023-04-13T09:31:57","date_gmt":"2023-04-13T07:31:57","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=51795&#038;post_type=knowledgebase&#038;preview_id=51795"},"modified":"2025-10-01T21:44:30","modified_gmt":"2025-10-01T19:44:30","slug":"uncaught-typeerror-cannot-set-property","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/","title":{"rendered":"Zo los je de &#8220;Uncaught TypeError: cannot set property&#8221; fout in JavaScript op"},"content":{"rendered":"<p>Als webdeveloper zul je ongetwijfeld fouten tegenkomen bij het werken met <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-javascript\/\">JavaScript<\/a>. Codeerfouten zorgen ervoor dat het programma niet meer doet wat er verwacht wordt.<\/p>\n<p>Om deze fouten te kunnen herstellen, moet je de foutmelding kunnen begrijpen, want pas dan begrijp je waarom de fout is opgetreden en hoe je hem kunt herstellen.<\/p>\n<p>In deze tutorial zullen we het hebben over de &#8220;Uncaught TypeError: cannot set property&#8221; fout in JavaScript.<\/p>\n<p>Je leert waarom deze fout optreedt, de verschillende redenen waarom je hem kunt tegenkomen, en de verschillende methoden om hem op te lossen.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Wat betekent &#8220;Uncaught TypeError: cannot set property&#8221; in JavaScript?<\/h2>\n<p>Een <code>typeerror<\/code> treedt vooral op als je een bewerking uitvoert met incompatibele gegevenstypen. In ons geval hebben we te maken met de &#8220;Uncaught TypeError: cannot set property&#8221; fout, een <a href=\"https:\/\/kinsta.com\/nl\/blog\/fouten-in-javascript\/\">JavaScript fout<\/a> die vooral optreedt als je probeert een property toe te wijzen aan een DOM element met een <code>null<\/code> waarde.<\/p>\n<p>Deze fout kan om verschillende redenen optreden, zoals:<\/p>\n<ul>\n<li>Het plaatsen van de <code>script<\/code> tag op de verkeerde plaats in je markup<\/li>\n<li>Spelfouten bij het verwijzen naar DOM elementen<\/li>\n<li>Toegang tot een ongedefinieerd of ongeldig DOM element<\/li>\n<\/ul>\n<p>In de volgende paragrafen bespreken we de bovenstaande redenen, hoe ze de &#8220;Uncaught TypeError: cannot set property&#8221; fout kunnen veroorzaken met codevoorbeelden, en hoe je de fout kunt herstellen.<\/p>\n<p>We bespreken ook hoe je kunt bepalen of een variabele <code>null<\/code> of <code>undefined<\/code> is.<\/p>\n<p>Laten we beginnen!<\/p>\n<h2>Zo los je de &#8220;Uncaught TypeError: cannot set property&#8221; op in JavaScript<\/h2>\n<p>In dit gedeelte leer je de veel voorkomende oorzaken kennen van de &#8220;Uncaught TypeError: cannot set property&#8221; fout in JavaScript. Elk onderdeel dat volgt is gewijd aan een van die oorzaken en de oplossing ervan.<\/p>\n<p>Je krijgt ook te zien hoe je de fout kunt oplossen met enkele praktische codevoorbeelden.<\/p>\n<h3>Ongeldige plaatsing van <code>script<\/code> tag<\/h3>\n<p>Wanneer een webpagina wordt geladen, wordt ook de JavaScript code geladen die voor de pagina is geschreven. De manier waarop JavaScript het Document Object Model (DOM) herkent is afhankelijk van de plaats van de <code>script<\/code> tag in je code.<\/p>\n<p>Als je de <code>script<\/code> tag plaatst binnen de <code>head<\/code> tag of boven alle <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML elementen<\/a> binnen de <code>body<\/code> tag, dan wordt het script uitgevoerd voordat het DOM klaar is.<\/p>\n<p>Als JavaScript wordt uitgevoerd voordat het DOM klaar is, krijgt het geen volledige weergave van de DOM &#8211; wat betekent dat de meeste van je variabelen die gekoppeld zijn aan DOM elementen terugkomen als <code>null<\/code>.<\/p>\n<p>Hier is een voorbeeld van een code die de &#8220;Uncaught TypeError: cannot set property&#8221; fout in JavaScript zou oproepen vanwege de positie van de <code>script<\/code> tag:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Uncaught Typeerror Error Tutorial&lt;\/title&gt;\n    &lt;script src=\"app.js\"&gt;&lt;\/script&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1 id=\"heading\"&gt;&lt;\/h1&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>In bovenstaande code is de tag <code>script<\/code> geplaatst binnen de tag <code>head<\/code>. We hebben ook een <code>h1<\/code> element met een <code>id<\/code> of <code>heading<\/code>.<\/p>\n<p>Vervolgens proberen we tekst toe te wijzen aan het <code>h1<\/code> element:<\/p>\n<pre><code class=\"language-js\">let heading = document.getElementById('heading');\nheading.textContent = 'This is a heading';\n\/\/Uncaught TypeError: Cannot set properties of null (setting 'textContent')<\/code><\/pre>\n<p>Hoewel de bovenstaande code er prima uitziet, ontstond de fout &#8220;Uncaught TypeError: cannot set property&#8221;. Dit gebeurde omdat het script al v\u00f3\u00f3r de DOM was geladen, dus ons JavaScript had geen kennis van de DOM elementen.<\/p>\n<p>Deze fout zal ook optreden als je de tag <code>script<\/code> boven andere DOM elementen plaatst:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Uncaught Typeerror Error Tutorial&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;script src=\"app.js\"&gt;&lt;\/script&gt;\n    &lt;h1 id=\"heading\"&gt;&lt;\/h1&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Nu staat de <code>script<\/code> tag boven de DOM elementen in de <code>body<\/code> tag, maar hij zal nog steeds de &#8220;Uncaught TypeError: cannot set property&#8221; fout opleveren omdat het script eerder laadt dan de DOM.<\/p>\n<p>Om deze fout op te lossen moet je de tag <code>script<\/code> net voor de afsluitende tag <code>body<\/code> plaatsen. Zo worden alle DOM elementen geladen v\u00f3\u00f3r het script.<\/p>\n<p>Hier is een voorbeeld van correcte plaatsing:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Uncaught Typeerror Error Tutorial&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1 id=\"heading\"&gt;&lt;\/h1&gt;\n    &lt;script src=\"app.js\"&gt;&lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<pre><code class=\"language-js\">let heading = document.getElementById('heading');\nheading.textContent = 'This is a heading'<\/code><\/pre>\n<p>Wanneer de bovenstaande code wordt uitgevoerd, zal het <code>h1<\/code> element zijn <code>textContent<\/code> ingesteld op &#8220;This is a heading&#8221;. Er zal geen fout optreden.<\/p>\n<h3>Spelfouten<\/h3>\n<p>Spelfouten zijn een andere oorzaak van de &#8220;Uncaught TypeError: cannot set property&#8221; fout.<\/p>\n<p>Als je het attribuut (ID of klasse) dat gebruikt wordt om een DOM element in JavaScript te identificeren verkeerd spelt, verwijs je naar een niet-bestaand element, wat een <code>null<\/code> waarde oplevert.<\/p>\n<p>Proberen een waarde toe te kennen aan een <code>null<\/code> waarde levert de &#8220;Uncaught TypeError: cannot set property&#8221; fout op.<\/p>\n<p>Hier is een codevoorbeeld om je te helpen het te begrijpen:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Uncaught Typeerror Error Tutorial&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1 id=\"heading\"&gt;&lt;\/h1&gt;\n    &lt;script src=\"app.js\"&gt;&lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<pre><code class=\"language-js\">let heading = document.getElementById('headin');\nheading.textContent = 'Hello World!'\n\/\/Uncaught TypeError: Cannot set properties of null (setting 'textContent')<\/code><\/pre>\n<p>In bovenstaande code hebben we een <code>h1<\/code> tag met een <code>id<\/code> van <code>heading<\/code>.<\/p>\n<p>In de JavaScript code verwezen we naar de <code>id<\/code> maar met een spelfout. In plaats van &#8220;heading&#8221; schreven we &#8220;headin&#8221; &#8211; dat wil zeggen, <code>document.getElementById('headin');<\/code> in plaats van <code>document.getElementById('heading');<\/code>.<\/p>\n<p>Om zulke fouten te voorkomen, moet je er altijd voor zorgen dat je DOM elementen op de juiste manier worden verwezen, door het juiste attribuut met de juiste spelling te gebruiken.<\/p>\n<h3>Toegang tot een ongedefinieerd DOM element<\/h3>\n<p>In de vorige paragraaf zagen we hoe het verwijzen naar een verkeerd gespeld attribuut een &#8220;Uncaught TypeError: cannot set property&#8221; foutmelding kan geven. Hetzelfde is het geval als we proberen een DOM element te gebruiken dat niet bestaat.<\/p>\n<p>In het onderstaande voorbeeld proberen we een <code>id<\/code> attribuut te gebruiken dat nog niet gedefinieerd is in de opmaak:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Uncaught Typeerror Error Tutorial&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;&lt;\/h1&gt;\n    &lt;script src=\"app.js\"&gt;&lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<pre><code class=\"language-js\">let heading = document.getElementById('headin');\nheading.textContent = 'Hello World!'\n\/\/Uncaught TypeError: Cannot set properties of null (setting 'textContent')<\/code><\/pre>\n<p>Zoals hierboven te zien is, proberen we de <code>textContent<\/code> van een DOM element in te stellen dat niet bestaat. Er is geen element in onze HTML code dat een <code>id<\/code> van &#8220;heading&#8221; heeft, dus geeft dit een <code>null<\/code> waarde terug.<\/p>\n<p>Als je de variabele <code>heading<\/code> naar de console logt, krijg je een waarde van <code>null<\/code> terug.<\/p>\n<h2>Zo bepaal je of een variabele &#8220;null&#8221; of &#8220;undefined&#8221; is<\/h2>\n<p>Op dit punt heb je als het goed is begrepen dat het toekennen van een waarde aan een variabele die <code>null<\/code> of <code>undefined<\/code> is, waarschijnlijk een &#8220;Uncaught TypeError: cannot set property&#8221; fout zal opleveren.<\/p>\n<p>Maar je kunt bepalen of een variabele <code>null<\/code> of <code>undefined<\/code>; is voordat je er interactie mee hebt. Hoewel dit de fout niet oplost, geeft het wat duidelijkheid over waarom een functionaliteit niet werkt.<\/p>\n<p>Voordat we bespreken hoe we in JavaScript kunnen bepalen of een variabele <code>null<\/code> of <code>undefined<\/code> is, is het belangrijk om het verschil te begrijpen tussen een <code>null<\/code> en een <code>undefined<\/code> waarde.<\/p>\n<p>Een variabele is <code>null<\/code> wanneer een lege of onbekende waarde aan de variabele wordt toegekend. De vorige secties van deze tutorial tonen praktische voorbeelden van een <code>null<\/code> variabele.<\/p>\n<p>Aan de andere kant is een variabele <code>undefined<\/code> als er geen waarde aan is toegekend:<\/p>\n<pre><code class=\"language-js\">let age;\nconsole.log(age);\n\/\/ undefined<\/code><\/pre>\n<p>In bovenstaande code werd de variabele <code>age<\/code> gedeclared, maar er werd geen waarde aan toegekend. Bij het loggen naar de console werd <code>undefined<\/code> teruggegeven.<\/p>\n<p>Nu je het verschil weet tussen <code>null<\/code> en <code>undefined<\/code>, laten we eens kijken hoe je kunt bepalen of een variabele een van beide is.<\/p>\n<p>Je kunt de losse equality operators (<code>==<\/code>) gebruiken om te bepalen of een variabele <code>null<\/code> of <code>undefined<\/code> is. Hier is een voorbeeld:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Uncaught Typeerror Error Tutorial&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1 id=\"headin\"&gt;&lt;\/h1&gt;\n    &lt;script src=\"app.js\"&gt;&lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<pre><code class=\"language-js\">let heading = document.getElementById('headin');\nif (heading == null) {\nconsole.log('Variable is null - cannot assign value to a null variable');\n} else {\nheading.textContent = 'Hello World!';\n}<\/code><\/pre>\n<p>In bovenstaande code hebben we een spelfout gemaakt bij het verwijzen naar een DOM element in JavaScript.<\/p>\n<p>Met behulp van een <code>if<\/code> statement controleerden we of de waarde van de <code>heading<\/code> variabele <code>null<\/code> was: <code>if (heading == null) {...}<\/code><\/p>\n<p>Omdat het een <code>null<\/code> waarde teruggaf, zou &#8220;Variable is null &#8211; cannot assign value to a null variable&#8221; in de console worden gelogd. Als we geen <code>null<\/code> waarde hadden gekregen, dan zou de code in het blok <code>else<\/code> zijn uitgevoerd.<\/p>\n<p>Als je je afvraagt waarom we geen <code>undefined<\/code> in het <code>if<\/code> statement hebben opgenomen, dan is dat omdat <code>null == undefined<\/code> in JavaScript staat, zodat de code in het <code>if<\/code> statement op beide fouten controleert.<\/p>\n<h2>Samenvatting<\/h2>\n<p>Foutmeldingen kunnen in sommige gevallen verwarrend zijn, maar ze helpen developers uit te zoeken waarom hun code niet werkt, zodat ze het kunnen oplossen en toekomstige voorvallen kunnen voorkomen.<\/p>\n<p>Hoewel niemand van fouten houdt, zijn ze een goede manier om je te helpen <a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-programmeertaal-om-te-leren\/\">je favoriete programmeertaal<\/a> beter te begrijpen.<\/p>\n\n<p>Bovendien geeft het oplossen van een codeerfout je meer context als je een soortgelijke fout tegenkomt in een ander project. De fout die we in dit artikel hebben besproken komt niet alleen aan de orde bij het werken aan vanille JavaScript projecten &#8211; je kunt hem ook tegenkomen bij het werken met <a href=\"https:\/\/kinsta.com\/nl\/blog\/javascript-bibliotheken\/\">JavaScript frameworks en bibliotheken<\/a>.<\/p>\n<p>Als je een app of website gaat bouwen, zijn er allerlei <a href=\"https:\/\/kinsta.com\/blog\/frontend-developer\/\">vaardigheden te leren<\/a> en is er veel <a href=\"https:\/\/kinsta.com\/nl\/onderwerpen\/javascript-tutorials\/\">oefening nodig<\/a> om deze vaardigheden effici\u00ebnt te gebruiken. Kinsta&#8217;s nieuwe <a href=\"https:\/\/sevalla.com\/pricing\/\">Hobby pakket<\/a> biedt het perfecte hostingplatform voor iedereen die een ruimte nodig heeft om te oefenen, van opkomende nieuwe programmeurs tot ervaren developers die hun werk willen adverteren of proof-of-concept apps willen deployen. En als je je vandaag aanmeldt <a href=\"https:\/\/sevalla.com\/pricing\/\">voor welk pakket<\/a> dan ook, krijg je $20 tegoed op je eerste maand.<\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=vmNem6wxfSQ\"><\/kinsta-video>\n","protected":false},"excerpt":{"rendered":"<p>Als webdeveloper zul je ongetwijfeld fouten tegenkomen bij het werken met JavaScript. Codeerfouten zorgen ervoor dat het programma niet meer doet wat er verwacht wordt. Om &#8230;<\/p>\n","protected":false},"author":240,"featured_media":51796,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[913],"class_list":["post-51795","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-javascript-fouten"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Zo los je de &quot;Uncaught TypeError: cannot set property&quot; fout in JavaScript op - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Het bericht &quot;Uncaught TypeError: cannot set property&quot; in JavaScript kan verschillende oorzaken hebben. Ontdek in dit artikel hoe je de fout kunt oplossen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo los je de &quot;Uncaught TypeError: cannot set property&quot; fout in JavaScript op\" \/>\n<meta property=\"og:description\" content=\"Het bericht &quot;Uncaught TypeError: cannot set property&quot; in JavaScript kan verschillende oorzaken hebben. Ontdek in dit artikel hoe je de fout kunt oplossen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-13T07:31:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:44:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ihechikara Abba\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Het bericht &quot;Uncaught TypeError: cannot set property&quot; in JavaScript kan verschillende oorzaken hebben. Ontdek in dit artikel hoe je de fout kunt oplossen.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ihechikara Abba\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/\"},\"author\":{\"name\":\"Ihechikara Abba\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/ac373ce22a016949523f7e464fdcae26\"},\"headline\":\"Zo los je de &#8220;Uncaught TypeError: cannot set property&#8221; fout in JavaScript op\",\"datePublished\":\"2023-04-13T07:31:57+00:00\",\"dateModified\":\"2025-10-01T19:44:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/\"},\"wordCount\":1387,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/\",\"name\":\"Zo los je de \\\"Uncaught TypeError: cannot set property\\\" fout in JavaScript op - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg\",\"datePublished\":\"2023-04-13T07:31:57+00:00\",\"dateModified\":\"2025-10-01T19:44:30+00:00\",\"description\":\"Het bericht \\\"Uncaught TypeError: cannot set property\\\" in JavaScript kan verschillende oorzaken hebben. Ontdek in dit artikel hoe je de fout kunt oplossen.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript fouten\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/javascript-fouten\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zo los je de &#8220;Uncaught TypeError: cannot set property&#8221; fout in JavaScript op\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/ac373ce22a016949523f7e464fdcae26\",\"name\":\"Ihechikara Abba\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/483df106a6ba0c29683578302f74008c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/483df106a6ba0c29683578302f74008c?s=96&d=mm&r=g\",\"caption\":\"Ihechikara Abba\"},\"description\":\"Ihechikara is a software developer and technical writer. He enjoys writing articles on web technologies, programming, and IT-related topics. Connect with Ihechikara on Twitter.\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/ihechivinabba\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo los je de \"Uncaught TypeError: cannot set property\" fout in JavaScript op - Kinsta\u00ae","description":"Het bericht \"Uncaught TypeError: cannot set property\" in JavaScript kan verschillende oorzaken hebben. Ontdek in dit artikel hoe je de fout kunt oplossen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo los je de \"Uncaught TypeError: cannot set property\" fout in JavaScript op","og_description":"Het bericht \"Uncaught TypeError: cannot set property\" in JavaScript kan verschillende oorzaken hebben. Ontdek in dit artikel hoe je de fout kunt oplossen.","og_url":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2023-04-13T07:31:57+00:00","article_modified_time":"2025-10-01T19:44:30+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg","type":"image\/jpeg"}],"author":"Ihechikara Abba","twitter_card":"summary_large_image","twitter_description":"Het bericht \"Uncaught TypeError: cannot set property\" in JavaScript kan verschillende oorzaken hebben. Ontdek in dit artikel hoe je de fout kunt oplossen.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg","twitter_creator":"@Kinsta_NL","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Ihechikara Abba","Geschatte leestijd":"8 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/"},"author":{"name":"Ihechikara Abba","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/ac373ce22a016949523f7e464fdcae26"},"headline":"Zo los je de &#8220;Uncaught TypeError: cannot set property&#8221; fout in JavaScript op","datePublished":"2023-04-13T07:31:57+00:00","dateModified":"2025-10-01T19:44:30+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/"},"wordCount":1387,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/","url":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/","name":"Zo los je de \"Uncaught TypeError: cannot set property\" fout in JavaScript op - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg","datePublished":"2023-04-13T07:31:57+00:00","dateModified":"2025-10-01T19:44:30+00:00","description":"Het bericht \"Uncaught TypeError: cannot set property\" in JavaScript kan verschillende oorzaken hebben. Ontdek in dit artikel hoe je de fout kunt oplossen.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/04\/uncaught-typeerror-cannot-set-property.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/uncaught-typeerror-cannot-set-property\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"JavaScript fouten","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/javascript-fouten\/"},{"@type":"ListItem","position":3,"name":"Zo los je de &#8220;Uncaught TypeError: cannot set property&#8221; fout in JavaScript op"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/ac373ce22a016949523f7e464fdcae26","name":"Ihechikara Abba","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/483df106a6ba0c29683578302f74008c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/483df106a6ba0c29683578302f74008c?s=96&d=mm&r=g","caption":"Ihechikara Abba"},"description":"Ihechikara is a software developer and technical writer. He enjoys writing articles on web technologies, programming, and IT-related topics. Connect with Ihechikara on Twitter.","url":"https:\/\/kinsta.com\/nl\/blog\/author\/ihechivinabba\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/51795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=51795"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/51795\/revisions"}],"predecessor-version":[{"id":52822,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/51795\/revisions\/52822"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/translations\/dk"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51795\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/51796"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=51795"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=51795"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=51795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}