javascript - JS问题:用for循环和createElement,创建一个ul列表的问题(有关引用类型)的问题。
黄舟
黄舟 2017-04-10 15:22:50
0
2
483
<body>
    <ul>
    </ul>


<script>
    var oUl=document.body.children[0]; //拿到body下的ul

    for(var i=0;i<3;i++){
        //每次给li赋值一个新的对象
        var oLi=document.createElement('li');////////
        oLi.innerHTML='现在是第'+i+'个';
        oUl.appendChild(oLi);
    }
    //获取oUl下的'li'
    var aLi=oUl.getElementsByTagName('li');
    alert(aLi.length)//3 
</script>


</body>

我的问题是:每次执行完下面这句赋值语句后,oLi原来保存的节点对象,不就没有了吗?为什么for循环过后,还是可以正常的创建3个li节点呢?谢谢!

var oLi=document.createElement('li');

按照大家的启发,画了个图。我这么理解对吧?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

répondre à tous(2)
PHPzhong

oLi是对象的引用,对它赋值没有更改对象本身。

小葫芦

oLi一直存在作用域中,在js是没有块级作用域的概念,等效的代码:

var oLi;
for(var i=0;i<3;i++){
        //每次给li赋值一个新的对象
        oLi=document.createElement('li');////////
        oLi.innerHTML='现在是第'+i+'个';
        oUl.appendChild(oLi);
    }
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal