当前位置: 代码迷 >> JavaScript >> 一道百思不解的难题,该如何处理
  详细解决方案

一道百思不解的难题,该如何处理

热度:82   发布时间:2012-03-24 14:00:46.0
一道百思不解的难题
JScript code
<script>
        var movepic={
            topmove:function(){
                var list=document.getElementById("md").getElementsByTagName("img");
                var ele='';
                for(var n=0;n<list.length;n++)
                {
                    ele=list[n].cloneNode(true);
                }
                document.getElementById("md").appendChild(ele);
            }
        }
        movepic.topmove();
    </script>


document.getElementById("md").appendChild(ele);写在for循环里,浏览器崩溃了,,写在外面可以但只有1个,,怎么处理的

------解决方案--------------------
写在for循环里就变成死循环了吧
------解决方案--------------------
这个函数会在页面加载完之前调用,根本获取不到html元素,自己alert一下就知道了

------解决方案--------------------
for(var n=0, nLen = list.length ;n< nLen;n++)
{
ele=list[n].cloneNode(true);
}

------解决方案--------------------
list.length在每次循环的时候都会判断list的长度,如果把append放到for里面,而你每次循环的都是都clone了一个node添加到里面,这个就造成死循环了。放到 for外面的话,ele是一个空字符串,应该会报dom错误之类的异常。
------解决方案--------------------
cloneNode 是怎么样的,你这段代码又是想实现什么功能呢?
------解决方案--------------------

假如写在里面
var list=document.getElementById("md").getElementsByTagName("img");
for(var n=0;n<list.length;n++)
{
ele=list[n].cloneNode(true);
document.getElementById("md").appendChild(ele);
}
你不觉得list的长度是一直变大的

------解决方案--------------------
+1
探讨
假如写在里面
var list=document.getElementById("md").getElementsByTagName("img");
for(var n=0;n<list.length;n++)
{
ele=list[n].cloneNode(true);
document.getElementById("md").appendChild(ele);
……

------解决方案--------------------
探讨
照理这个var list=document.getElementById("md").getElementsByTagName("img");这个值已经定型了哇,,就算运行for循环,怎么还会动,,说法貌似不大合理

------解决方案--------------------
var list=document.getElementById("md").getElementsByTagName("img");
getElementsByTagName返回的只是一个 查询的映射(看起来是一个集合)
该映射 会根据页面dom的更改 动态变化
当你在枚举该集合的时候 修改这个集合的关联的查询位置的dom
则这个集合无限变大

解决方案是
先把 该集合中复制的元素 复制到一个 dom碎片中 最后才添加进 需要的dom中