Question

我该如何解决未捕获的类型错误 (Uncaught TypeError)？

2022-05-06

692

javascript

尝试将元素推送到数组中时，我收到错误：

main.js:1 Uncaught TypeError: Cannot read properties of null (reading 'document') at main.js:1:50

这是我的代码：

<!DOCTYPE html>
<html>

<body>
  <button id="input">Click Here</button>

  <script>
    const newItem = document.getElementById('.input').document.addEventListener('click', function(addNewItem) {
      let move = ["L", "L", "R", "F", "N"];
      const newMove = move.push('newItem');
      console.log(newMove);
    })
  </script>

</body>

</html>

Answer 1

错误是由 document.getElementById('.input') 引起的，它返回 null。没有 .input 元素，您需要使用正确的拼写，如下所示： 'input'

Answer 2

您的代码中有两个错误。

您是通过使用 id 来定位 document.getElementById（“。input”） ，但是； ID 在html中是 input 不是 .input 。您必须删除 。 输入 。

删除 document document.AddeventListener

  document.getElementById（'input'）。addeventListener（'click click'click'，function'，function（arg）
{

}）;

我在下面的代码中包括了一个修改的示例。

293420315