Pure Javascript insert text into <input type="text"> without attributes
<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="top: 0px; left: 0px;" class="uiInlineBlock uiMenuHolder"&gt;
 &lt;div&gt;
  &lt;input type="text"&gt;
 &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>To select the input element i have used:</p>

<p><code>inputelement = document.getElementsByClassName('uiInlineBlock uiMenuHolder')[0].children[0].children[0];</code></p>

<p>The problem is i am trying to put text inside the text area but by using value i set the value but the text field remains empty.
How can i fix this with pure javascript?</p>