我在做一个写个练习，生成一排p后，依次下落，当最后一个p落到目标点后，再从第一个p依次往上飞回原来的位置。这是我写的代码

请输入代码
window.onload=function(){
    var str=document.createElement("p");
    var len=10;
    for(var i=0;i<len;i++){
        str.innerHTML += '<p style="width:50px;height:50px;background:red;border-radius:50px;position:absolute;top:0px;left:'+i*50+'px"></p>';
    }
    document.body.appendChild(str);
    alert(str.style.width)
    var ap=str.getElementsByTagName("p");
    function fall(obj,v,target,callback){
            v= obj.offsetTop<target? v :-v   //此处不停报错说can't read //property "offsetTop" of undefined;
            
            clearInterval(obj.timer);
            obj.timer=setInterval(function(){
               var top=obj.offsetTop+v;
               if(top>target&&v>0||top<target&&v<0){
                  top=target;
               }
               obj.style.top=top+"px";
               if(top==target){
                   clearInterval(obj.timer);
                   callback&&callback();
               }
           },50)
    }
  var num=0;var timer=null;
  document.onclick=function(){
        clearInterval(timer);
        var flag=true;
          timer = setInterval(function () {
              if (flag) {
                  fall(ap[num], 20, 500);
                  num++;
                  if (num == ap.length/*//ap[ap.length-1].offsetTop===500*/) {
                      flag = false;
                      num = 0;
                  }
              } else {
                  fall(ap[num], 20, 0)
                  num++;
              }
          }, 60)
      }
  }"