javascript - 文档片段

Question

请看下面的代码。

  var oFra = document.createDocumentFragment();
    var myDiv = document.createElement("div");
    myDiv.id="myId";
    oFra.appendChild(myDiv);
    oFra.getElementById("myId");

在这种情况下，我是否使用变量 myDiv 引用了我刚刚插入到 documentFragement 中的 div？假设我继续并将这个 documentFragement 添加到实际的 DOM 中。我仍然可以使用这个“myDiv”变量访问 id="myId" 的 div 吗？

Answer 1

如果你试试这个，它的工作原理：http: //www.jsfiddle.net/dactivo/4BSaF/

问题是您不能直接使用“oFra”+ getElementById，一旦附加了片段，就可以访问 DOM 中的 div“myId”。

  <div id="test"></div>
<script type="text/javascript">
     var oFra = document.createDocumentFragment();
        var myDiv = document.createElement("div");
        myDiv.id="myId";
    myDiv.innerHTML="hola";
        oFra.appendChild(myDiv);
       // oFra.getElementById("myId");


    document.getElementById("test").appendChild(oFra);

    alert(document.getElementById("myId").innerHTML);

</script>