无法将输入追加到DOM

Question

我必须仅使用JS而不使用HTML来构建计算器。我正在为数字创建基本的输入字段，但似乎无法将它们附加到DOM。我收到以下错误：

未捕获的TypeError：无法读取null的属性'append'。

这是我的代码：

var firstInput = document.createElement('input');
firstInput.setAttribute("type", "text");
firstInput.innerHTML = "";
document.body.append(firstInput);

我在做什么错？

Answer 1

执行代码时，不一定要加载主体。这是一个好习惯，等待DOM准备就绪，然后再以任何方式使用它。

您的脚本应放在HTML正文的最后。

(function() {
  // The DOM will be available here
  var firstInput = document.createElement('input');
  firstInput.setAttribute("type", "text");
  firstInput.innerHTML = "";
  document.body.append(firstInput);
})();

This answer为您提供了有关其工作原理的更多详细信息。