<p>this probably isnt the "best way" but it is a way that works.</p>
<p>say you want to add some elements to a page with javascript this is a method to do it.&nbsp;</p>
<p>Add an element, before including the script, just to be sure that you have your own element to write to, makes it a bit easier.&nbsp;</p>
<h3>Error: Uncaught TypeError: kx.innerHTML is not a function</h3>
<p>not sure why im getting this erro, the id is correct.&nbsp;</p>
<p><img src="https://i.imgur.com/kz3Q2AZ.png" /></p>
<p>So this is caused as the element is not yet written to the dom, so it does not exist to be updated yet.&nbsp;</p>
<p>Need to add an onload to wait for the element to exist before updating it.&nbsp;</p>
<pre class="lang-js s-code-block"><code>window.onload = function() {</code><br /><code>&nbsp; &nbsp; / like a document ready in jquery, but no jquery.. add the code here instead /</code><br /><code>}</code></pre>
<p>Still getting the same error, i think i need to combine the line.</p>
<p>Rather than this:</p>
<p><code>window.onload = function() {</code><br /><code>&nbsp; &nbsp; var myelementtest = document.getElementById("myelementtest");</code><br /><code>&nbsp; &nbsp; myelementtest.innerHTML('&lt;p&gt;dynamic kruxor&lt;/p&gt;');</code><br /><code>}</code></p>
<p>do this</p>
<p><code>window.onload = function() {</code><br /><code>&nbsp; &nbsp; document.getElementById("myelementtest").innerHTML('&lt;p&gt;dynamic kruxor&lt;/p&gt;');</code><br /><code>}</code></p>
<p>Actually that is wrong again!</p>
<p>dont use the brackets for innerHTML it needs the =</p>
<p>This should work now.</p>
<p>it may not need the onload function either.&nbsp;</p>
<p><code>document.getElementById("myelementtest").innerHTML = '&lt;p&gt;dynamic kruxor&lt;/p&gt;';</code></p>
<p class="alert alert-info"><strong>Note about innerHTML</strong>: <br />make sure you use .innerHTML = value rather than .innerHTML("value")</p>