Question

这是我的代码：

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

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

Answer 1

您的课程为sub1，无ID sub1

更改

<div class="sub1">

要

<div id="sub1">

同样改变：

var sub = content.getElementById("sub1");

要：

var sub = document.getElementById("sub1");

Answer 2

使用var sub = content.getElementById("sub1"); 记住E，B和I是大写字母

并使用alert(sub.innerHTML);

尽管元素存在，getElementById（）仍返回null

2 个答案: