title: createElement styling
body: <p>I'm beginner in DOM javascript, So I have such a question.
  I have html form like that =></p>
  
  <pre><code>&lt;div id="name_field" style="text-align: center;"&gt;
      &lt;form name="add" action="index.php" method="post"&gt;
      Name&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;input type="text" name="name_" id="name_" size="15"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a href="javascript:void(0)" class="some" onclick="addChild();"&gt;Add&amp;nbsp;More&lt;/a&gt;&lt;br&gt;
      &lt;span id="a"&gt;here is that&lt;/span&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And want to call like it is seen addChild() function which will append "input" element in div with style (css) content. I have such a javascript code =></p>
  
  <pre><code>function addChild()
  {
      var div = document.getElementById("name_field");
      var el = document.createElement("input");
      el.style.size = 10;
      div.appendChild(el);
  }
  </code></pre>
  
  <p>But it is not working ... Also need to append "input" element from above to below and how to do that , if anyone help me. Thanks ... :)</p>