js动态添加接点的问题


<div>
<div id='div_1'>内容</div>
<div id='div_2'>内容</div>
<div id='div_4'>内容</div>
<div id='div_5'>内容</div>
</div>我想在div_2和div_4之间再插入一个平行关系的div_3,
但我不知道它们的父结点ID，怎么才能实现这样的功能，
希望高手指点！

解决方案 »

  1.   

    <html> 
    <head> 
      <title> changeType </title> 
      <script type="text/javascript"> 
      function Insert() 
      { 
        var d=document.createElement("div");
        //d.id="div_3";
        d.innerHTML="通过JS插入的div";
        var d2=document.getElementById("div_4");
        d2.parentNode.insertBefore(d,d2);
      } 
      </script> 
    </head> 
    <body> 
      <div>
    <div id='div_1'>内容</div>
    <div id='div_2'>内容</div>
    <div id='div_4'>内容</div>
    <div id='div_5'>内容</div>
    </div>
      <input type="button" onclick="Insert()" value="Insert"> 
    </body> 
    </html>