javascript - 未捕获的类型错误 : Cannot set property 'className' of null

Question

以下代码显示错误 “Uncaught TypeError: Cannot set property 'className' of null”

  <style>
      .deactive { height:250px; }
      .active { height:150px; }
  </style>
  <script>
      function click(div) {
          document.getElementById('div').className  = 'active';
      }
  </script>
  <a href="#" onclick="click(Division);">
      <div id="Division" class="deactive">
          <!--Division contents-->
      </div>
  </a>

我正在尝试通过单击 anchor 标记事件将部门 ID 传递给 js 函数。我想更改部门的类名， 帮我找出错误..

Answer 1

发生该错误是因为在您的文档中没有 ID 为 "div" 的元素，因此 document.getElementById('div') 为 null.

这里需要修改:

onclick="click('division');"

在参数周围使用引号，并且

document.getElementById(div).className  = 'active';

div 此处不能用引号引起来，因为您使用的是调用函数时传递的参数

(作为旁注:避免调用您的函数click)

示例 fiddle