为什么无法从父元素中找到loader元素？

Question

完整代码如下：https://codepen.io/dotku/pen/gyVZqj?editors=1011

<div id="carousel">
  <span class="loader">Loading...</span>
</div>

  if (!containerElement) {
    console.log('Carousel element is required.')
    return;
  } else {
    console.log(
      'Carousel element is found',
      document.querySelector(`#${containerID}`)
    );
  }

我有一条检查语句，但是document.querySelector不会返回加载程序。为什么？

Answer 1

我发现了错误！ 有一行删除了loader标签，这就是原因。

containerElement.getElementsByClassName('loader')[0].remove()