DOM创建html元素

创建新的html元素方法：
   先创建该元素节点。然后向一个已经存在的元素追加该元素。
下面有两种方法：通过点击鼠标创建 ，直接创建
<script>
   var createChild=null;
   window.onload=function () {
       var btn = document.getElementById("btncreate");
       var first = document.getElementById("first");
       btn.onclick = function () {//通过鼠标点击创建新元素
           createChild = document.createElement("div");//创建元素
           createChild.className = "m_child";//创建元素内容
           first.appendChild(createChild);//追加给父元素
       }
       var d=document.createElement("p");//直接创建
       first.appendChild(d);
   }
</script>
<div id="first">
    <p>第一</p>
    <p>第二</p>
</div>
<button id="btncreate"></button>