调用document.getElementById时为TypeError

Dan*_*ein -1 html javascript

以下代码应显示单词Test ...但是显示消息TypeError:document.getElementById(...).我无法弄清楚原因:

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Testtree</title>
  </head>
  <script>
    document.getElementById("kaptree").innerHTML="TEST";
  </script>
  <body>
     <div id="kaptree"></div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

任何人都可以帮我睁开眼睛吗?

Mik*_*uck 5

您正在尝试kaptree在加载元素之前访问该元素.加载DOM 运行脚本.

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Testtree</title>
</head>
<body>
  <div id="kaptree"></div>
  <script>
    document.getElementById("kaptree").innerHTML = "TEST";
  </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)