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

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

console.log getelementbyid null html javascript

Jack Bashford · 技术社区 · 7 年前

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

我正在尝试记录此元素:

<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 回复 | 直到 7 年前

Mamun 7 年前

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

document.addEventListener("DOMContentLoaded", function(event) {
  var one = document.getElementById("one");
  console.log(one);
})

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

user5620899 user5620899 7 年前

工作正常:)

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

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

The KNVB 7 年前

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

推荐文章

Adam · JS-typeof不适用于输入|文档。getElementById问题

8 年前

user8652270 · 如何从Cookiebot(外部JavaScript)在cookie横幅中注入(通过JavaScript添加)锚文本和普通文本?

8 年前

MJob · 警报未获取内部HTML?[已关闭]

8 年前

djlowz · 脚本以更改元素。风格DOM中的颜色

8 年前

Zhang · 按ID获取元素的Ember语法无效

8 年前

Nicholas Hamilton · 在Javascript中单击显示各种div

8 年前

M.Koch · Powershell文档。getElementbyID-无法提取正确的信息

8 年前

Peter Series · getElementById(…)意外返回null

9 年前

Brian · Angular 2-为第三方库提供渲染元素

9 年前

Adrian Veidt · 从角度js中的getElementById获取值

9 年前