尽管元素存在,getElementById()仍返回null

loi*_*xua -1 html javascript

这是我的代码:

<html>
<head>
  <title>Demo</title>
  <script>
    function show()
    {
      var content = document.getElementById("content");
      var sub = content.getElementById("sub1");
      alert(sub.nodeName);
    }
  </script>
</head>
<body>
<div id="content">
  <div id="sub1">
    Content 1
  </div>
  <div id="sub2">
    Content 2
  </div>
  <input type="button" value="Click" onclick="show()" />
</div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

为什么content.getElementById和alert函数不起作用?谢谢你的回答.

tym*_*eJV 9

你有一类sub1,没有IDsub1

更改

<div class="sub1">
Run Code Online (Sandbox Code Playgroud)

<div id="sub1">
Run Code Online (Sandbox Code Playgroud)

也改变:

var sub = content.getElementById("sub1");
Run Code Online (Sandbox Code Playgroud)

至:

var sub = document.getElementById("sub1");
Run Code Online (Sandbox Code Playgroud)

  • @loithuxua:`getElementById`是`document`对象的一个​​函数. (3认同)