javascriptjqueryhtmldom

javascript: how to append div in "begining" of another div

I have a div and i want to append another div inside it. but, by using appendChild() it always insert DOM element in end of container element.but i want to insert it in starting of container div.
How to achieve this ? 

var newDiv= document.createElement('div');
newDiv.innerHTML = "<input type='text'/>";
var item = document.getElementById('containerDivId');
item.appendChild(newDiv);`
Solution

  • use 'item.insertBefore(newDiv, item.firstChild);'