js创建html元素

请教大虾
比方说页面上有一个div, 我想创建一个和这个div完全一样的div（除了id）,
想通过一个函数来完成    
    function newDiv(oldObj) 
    {     
        var newObj = document.createElement("div");
        /*
          这里如何写才能做到完全一样
        */
        document.body.appendChild(newObj);
    };
小弟新手，如果思路有误，也请指出

解决方案 »

  1.   

    function newDiv(oldObj) 
        {    
            var newObj = oldObj.cloneNode(false); 
    newObj.id = 'you id';
            /* 
              这里如何写才能做到完全一样 
            */ 
            document.body.appendChild(newObj); 
        }; 
      

  2.   

    div的所有东西，包括内容，还有class,style等。
      

  3.   

    如果要oldObj 子节点的话 
    要用
    oldObj.cloneNode(true); 
      

  4.   


        function newDiv(oldObj)
        {   
            var newObj = document.createElement("div");
            /*
              直接拼就可以了
            */
            newObj.id = 'you id';
            newObj.innerHTML = "<a>...</a>";
            document.body.appendChild(newObj);
        }; 
      

  5.   


    参数错了应该是true{var newObj= oldObj.cloneNode(true); 
      

  6.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <title>test</title>
    <script type="text/javascript">
    function init() {
        var test1 = document.getElementById("test1");
       
        var newdiv = document.createElement("div");
        //获取内容
        newdiv.innerHTML = test1.innerHTML;
        //获取属性
        newdiv.style.color = test1.style.color;
        document.body.appendChild(newdiv);
    }
    </script></head>
    <body>
         <div id="test1" style="color:red">
             aaaa
             <div>bbbb</div>
         </div>
    <a href="javascript:init()">生成div</a>
    </body>
    </html>