文档片段

发布于 2024-09-28 02:35:19 字数 367 浏览 1 评论 0原文

请看一下下面的代码。

  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 吗???

please take a look at the following code.

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

In this case do i have ref to the div i just inserted inside documentFragement using the variable myDiv?
Lets say i move ahead and add this documentFragement to the actual DOM. Will I still be able to access the div with id="myId" using this "myDiv" variable???

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

残月升风 2024-10-05 02:35:19

如果你尝试这样做,它会起作用:
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>

If you try this, it works:
http://www.jsfiddle.net/dactivo/4BSaF/

The problem is that you cannot use "oFra" + getElementById directly, once you append the fragment, you can access the div "myId" in the DOM.

  <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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文