我的getElementId为null（javascript本机）_Javascript_Dom_Bulma

我的getElementId为null（javascript本机）

javascript dom

我的getElementId为null（javascript本机）,javascript,dom,bulma,Javascript,Dom,Bulma,我想我有一个愚蠢的问题，但我已经尝试了在网上找到的几个答案，到目前为止没有任何效果。我想要一个id=modal 代码如下： <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Le Cabi

我想我有一个愚蠢的问题，但我已经尝试了在网上找到的几个答案，到目前为止没有任何效果。我想要一个

id=modal

代码如下：

   <html lang="fr">
      <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Le Cabinet</title>
      <link rel="shortcut icon" href="img/logo-min.png">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-
      awesome/4.7.0/css/font-awesome.min.css">
      <link rel="stylesheet" 
     href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">
      <link rel="stylesheet" href="css/style-sheet.css">
      <link rel="stylesheet" href="css/mystyles.scss">
      </head>
         <body>
          <main>
            <div class="container">
              <section class="columns"> 
                <div>
                 <button onclick="toggleClass()" class="button is-rounded is-info is-hidden-tablet section__btn__info">Plus d’infomartions...</button>
                  <div id="modal" class="modal">
                    <div class="modal-background"></div>
                    <div class="modal-card">
                      <section class="modal-card-body">
                        <p class="modal-card-title modal__title"></p>
                      </section>
                    </div>
                  </div>
                </div>
              </section>
            </div>
          </main>
        </body>
 <script type="text/javascript" src="js/burger.js"></script>

</html>

并且模式返回

null

，我无法获取

id

我看不出您在哪里注入/插入脚本

您必须在身体底部插入/插入脚本，因为当您调用document.getElementById时，如果脚本位于顶部，则不会加载html，因此我们无法找到您的id，如：

<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <!-- My super html -->
    <script src="path/to" type="text/javascript"></script>
  </body>
</html>

我在您的标记中看不到

modal\uuuuu cabinet

id。没有带有

\modal\uuuu cabinet

的HTML。抱歉，我编辑了我的代码。脚本在哪里？在同一个文件中？还是另一个？它是另一个文件：我已将其集成到

中。在“body”中我有一个新错误：

标识符“modal”已经声明了

。我想我可以找到一个解决办法。你必须在你的头中删除你的插入/注入脚本，你有一个冲突，因为你插入/注入了相同的JS文件，所以你的常量模式在头文件和主体文件中声明。@BenoitChassignol确实我忘了删除头中的脚本，但是id仍然为空：（：）（在HTML中插入一些内联脚本不是最佳做法。@mathiasF您可以发布完整的HTML和js文件吗？

<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <!-- My super html -->
    <script src="path/to" type="text/javascript"></script>
  </body>
</html>