title: Is there any method/way in javascript to add a child node to list element dynamically?
body: <p>If I have an unordered list like</p>
  
  <pre><code>&lt;ul id="list"&gt;
  &lt;li&gt;Helo World-1&lt;/li&gt;
  &lt;li&gt;Helo World-2&lt;/li&gt;
  &lt;li&gt;Helo World-3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to add a sublist item to it dynamically. Is there any method in javascript to do that. How could I do it. 
  <strong>edit</strong>
  I need an item at next level, i.e. a sub list of Helo World that I mentioned in OP too, something like as under. One more issue here is that I need the items to be a permanent part of my code. </p>
  
  <pre><code> &lt;ul id="list"&gt;
      &lt;li&gt;Helo World-1&lt;/li&gt;
      &lt;li&gt;Helo World-2&lt;/li&gt;
      &lt;li&gt;Helo World-3&lt;/li&gt;
         &lt;ul&gt;
           &lt;li&gt;One&lt;/li&gt;
           &lt;li&gt;Two&lt;/li&gt;
        &lt;/ul&gt;
   &lt;/ul&gt; 
  </code></pre>