Javascript 返回null的查询选择器_Javascript

Javascript 返回null的查询选择器

javascript

Javascript 返回null的查询选择器,javascript,Javascript,这让我快发疯了。我有一个带有表单元素的HTML页面，如下所示： <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="formHandler.js"></script> <script src="app.js"></script> &

这让我快发疯了。我有一个带有表单元素的HTML页面，如下所示：

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

  <script src="formHandler.js"></script>
  <script src="app.js"></script>

</head>

<body>

  <form data-coffee-order="form">
    <input type="submit" />
  </form>

</body>

由于某种原因，表单总是空的。为什么呢

因为JavaScript代码在元素实际存在之前执行。将代码放在以下位置之后：

<body>

    <form data-coffee-order="form">
        <input type="submit" />
    </form>

    <script src="app.js"></script>

</body>

（这可能也适用于您的其他JavaScript。这不是必需的，但即使只是为了一致性，也有意义。除非在加载DOM之前有JavaScript代码要立即执行。）

您是否在以后添加

数据咖啡订单=“form”

（可能执行jQuery

.data（）

）这完全有道理！谢谢

<body>

    <form data-coffee-order="form">
        <input type="submit" />
    </form>

    <script src="app.js"></script>

</body>