时间戳

首页 > 解决方案 > 在返回 NULL 的控制台上打印 HTML 元素（javascript）

javascript - 在返回 NULL 的控制台上打印 HTML 元素（javascript）

问题描述

function test(){
  let cart1 = document.getElementById('cart1');
  console.log(cart1);
}

我创建了一个测试函数来将<p>标签内的内容打印到控制台上。

这是我的 HTML。

<body> 
  <p id="cart1">
    hello world
  </p>
  <script src="home.js"></script>
</body>
</html>

但这就是控制台上打印的内容：

无效的

为什么会这样？

标签： javascripthtmlweb

解决方案

我无法重现这个问题，我写了一个简单的例子，它工作正常。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
  <p id="cart1">hello world</p>
</body>
<script type="text/javascript">
    function test() {
      let cart1 = document.getElementById('cart1');
      console.log(cart1);
    }
    test();
</script>
</html>

如果他还有问题，我建议使用onload事件。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
  <p id="cart1">hello world</p>
</body>
<script type="text/javascript">
    window.onload = () => {
       let cart1 = document.getElementById('cart1');
      console.log(cart1);
    }
</script>
</html>

推荐阅读