我的JavaScript代码为getElementById返回null_Javascript_Html_Null_Getelementbyid_Console.log

我的JavaScript代码为getElementById返回null

javascript html

我的JavaScript代码为getElementById返回null,javascript,html,null,getelementbyid,console.log,Javascript,Html,Null,Getelementbyid,Console.log,供你参考，这不是一个重复-我的问题没有解决类似的问题我正在尝试记录此元素： <p id="one">Test</p> 但是，这会为console.logone返回null；线，我想不出原因。空值来自何处，如何使其引用Test元素编辑：完整HTML代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8">

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

我正在尝试记录此元素：

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

但是，这会为console.logone返回null；线，我想不出原因。空值来自何处，如何使其引用

Test

元素

编辑：完整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>

它工作正常：

var one=document.getElementByIdone； console.logone；

测试

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

document.AddEventListenerDomainContentLoaded，functionevent{ var one=document.getElementByIdone； console.logone； }

测试它工作正常

<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>

请发布一个复制你的问题的帖子。我不是已经这样做了吗？这就是我的全部代码，它显示了我的情况和问题所在。您是在HTML元素实际加载之前还是之后运行脚本的？现在将检查-使用window.onload？它工作正常，我尝试了完美！这解决了我的问题，非常感谢！将在超时时接受您的回答expires@JBDouble05，非常欢迎。很高兴它为您工作：

<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>