.appendChild的奇怪行为

Question

我正在使用JavaScript来从Google Maps的公司列表搜索中收集数据。我编写了处理分页的代码。它应触发单击直到最后一页，并在移除分页下一页按钮时停止。它正在工作，但不会在最后一页停止。触发单击到上一页，然后停止。

我在控制台中尝试过，发现如果删除此代码，代码工作正常

 document.getElementsByClassName("mynewlist")[0].appendChild(listpart);

我现在不需要jQuery。只希望该触发器单击停止在最后一页，然后运行健康状况并打开该功能。

function collector() {
  var listpart = document.createElement('div')
  listpart.innerHTML = document.getElementsByClassName("rl_full-list")[0].innerHTML;

  document.getElementsByClassName("mynewlist")[0].appendChild(listpart);

}
var mynewlist = document.createElement('div');
mynewlist.className = "mynewlist";
mynewlist.style.cssText = 'display:none;';

document.body.appendChild(mynewlist);

function listmaker() {
  if (document.getElementById("pnnext") !== null) {
    collector();
    document.getElementById("pnnext").click();
    setTimeout(listmaker, 7000);
  } else {
    PrintElem('mynewlist');
    console.log("process ended");
  }
}
listmaker();