zoukankan      html  css  js  c++  java
  • js原生appendChild的bug

    appendChild 主要是用来追加节点 插入到最后

    window.onload = function(){
    var ul2 = document.getElementById('ul2');
    var oli = document.getElementsByTagName('li');
    for(var i=0;i<oli.length;i++){
    ul2.appendChild(oli[i]);
    }


    }

    <h3>讲Id为ul1的内容插入到ul2里面</h3>
      <ul id="ul1">
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
      </ul>
      <ul id="ul2">
      </ul>


    把ul1内容插入到ul2里面,这个其实是搬家而不是复制 这个要切记

    可以查看一下效果




    为什么会出现这样的效果 是因为 循环的时候 由于不停的搬家 导致length 在改变 如果用for的话 这样开始的length 已经被固定啦 所以出现问题,所以说要改成


    while(oli.length){

    ul2.appendChild(oli[0]);

    }

    这样的都是插入第一条 所以就成功啦 大家可以试试

  • 相关阅读:
    Spring MVC(一)
    Spring-IOC总结
    IT
    Spring基础
    Maven
    Ajax笔记
    数据库和SQL语言
    JDBC
    拦截器
    文件上传
  • 原文地址:https://www.cnblogs.com/dyllove98/p/3165410.html
Copyright © 2011-2022 走看看