js如何往div里写div

原有html代码：
...
<div id="div_1"></div>
...我现在想在这个div里写<div id="div_2"></div>.完成后的效果如下：
<div id="div_1"><div id="div_2"></div></div>
这个用js怎么实现？
谢谢！

解决方案 »

  1.   

    两个div都存在
    document.getElementById('div_1').appendChild(document.getElementById('div_2));div_1存在，div_2不存在
    var div_2 = document.createElement('div');
    div_2.id = 'div_2';
    document.getElementById('div_1').appendChild(div_2);
      

  2.   

    2  or document.getElementById('div_1').innerHTML="<div id="div_2"> </div>"
      

  3.   

    document.getElementById("div").innerHTML='<div>aaaa</div>';
      

  4.   

    一。
    document.getElementById('div_1').appendChild(document.getElementById('div_2)); div_1存在，div_2不存在 
    var div_2 = document.createElement('div'); 
    div_2.id = 'div_2'; 
    document.getElementById('div_1').appendChild(div_2);
    二。
    document.getElementById("div").innerHTML=' <div>aaaa </div>';2选1
      

  5.   

    document.getElementById('div_1').innerHTML=" <div id="div_2"> </div>" 
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
        <script type ="text/javascript">
        function CreateDiv()
        {
          var oDiv=document.createElement('div');
          oDiv.innerHTML="huguo";
          //document.body.appendChild(oDiv);
          
          var oDiv1=document.createElement("div");
          oDiv1.innerHTML="HELLO WORLD";
          oDiv.appendChild(oDiv1);
          document.body.appendChild(oDiv);
        }
        </script>
    </head>
    <body onload="CreateDiv()"></body>
    </html>
      

  7.   


    方法1:var d1 = document.getElementById("d1"); //这是 div1 var d2 = document.createElement("div");  //创建的div2d2.innerHTML = "d2";d1.appendChild(d2);-------------------------------------------------------------------方法2:document.getElementById("div1").innerHTML = "<div id = 'div1'> </div>";