代码之家  ›  专栏  ›  技术社区  ›  Jack Bashford

我的JavaScript代码为getElementById[duplicate]返回null

  •  0
  • Jack Bashford  · 技术社区  · 6 年前

    供你参考,这不是一个重复-我的问题没有解决类似的问题。

    我正在尝试记录此元素:

    <p id="one">Test</p>
    

    使用JavaScript访问控制台:

    var one = document.getElementById("one");
    console.log(one);
    

    null 对于 console.log(one); 我不知道原因。火车在哪里 无效的 <p id="one">Test</p> 元素?

    编辑: 完整HTML代码:

    <!doctype html>
    
    <html lang="en">
    
        <head>
    
            <meta charset="utf-8">
    
            <title>A tester</title>
    
            <script src="index.js"></script>
    
        </head>
    
        <body>
    
            <p id="one">One</p>
    
        </body>
    
    </html>
    
    3 回复  |  直到 6 年前
        1
  •  4
  •   Mamun    6 年前

    可能在DOM准备就绪之前访问元素,请尝试 DOMContentLoaded

    document.addEventListener("DOMContentLoaded", function(event) {
      var one = document.getElementById("one");
      console.log(one);
    })
    <p id="one">Test</p>
        2
  •  2
  •   user5620899 user5620899    6 年前

    工作正常:)

    var one = document.getElementById("one");
    console.log(one);
    <p id="one">Test</p>
        3
  •  2
  •   The KNVB    6 年前

    <html lang="en">
    
        <head>
    
            <meta charset="utf-8">
    
            <title>A tester</title>
    
            <script src="index.js"></script>
            <script>
                function getOne()
                {
                    var one = document.getElementById("one");
                    console.log(one);
                }
            </script>
        </head>
    
        <body onload="getOne()">
    
            <p id="one">One</p>
    
        </body>
    
    </html>