对于您的信息，这不是重复 - 我的问题没有通过类似的问题解决。
我想记录这个元素：
<p id="one">Test</p>
使用JavaScript访问控制台：
var one = document.getElementById("one");
console.log(one);
但是，这会使null返回console.log(one);线，我无法弄清楚原因。 null值来自何处，我如何使它引用<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>
您可能在DOM准备好之前访问该元素，请尝试使用DOMContentLoaded：
document.addEventListener("DOMContentLoaded", function(event) {
var one = document.getElementById("one");
console.log(one);
})<p id="one">Test</p>它工作得很好:)
var one = document.getElementById("one");
console.log(one);<p id="one">Test</p>它工作正常。
<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>