document.querySelector返回null

我querySelector在JS中使用来选择用JS脚本填充的html标记。但是，任何时候我尝试的div存储与一类.card的const questionCard，我得到null。

为什么我不能选择卡？

HTML：

<div class='card-container'></div>

JS：

const questionBlock = document.querySelector('.card-container');
const questionCard = document.querySelector('.card');

function build() {
    let output = [];

    ...some unimportant code here...

      output.push(
        `
          <div class='card'>
            <div class='question'>${current.question}</div>
            <div class='answers'>${answers.join('')}</div>
          </div>
        `
      );
    })

    questionBlock.innerHTML = output;
}

build();