获取父节点

Tutorial: DOM操作 Category: JS Published: 2026-04-07 13:58:26 Views: 20 Likes: 0 Comments: 0
<!DOCTYPE html>
<html lang="en">
  <head></head>

  <body>
    <div>我是div</div>

    <span>我是span</span>

    <ul>
      <li>我是li</li>
      <li>我是li</li>
      <li>我是li</li>
      <li>我是li</li>
    </ul>

    <div class="demo">
      <div class="box">
        <span class="erweima">×</span>
      </div>
    </div>

    <script>
      // 1. 父节点 parentNode
      var erweima = document.querySelector(".erweima");
      // var box = document.querySelector('.box');
      // 得到的是离元素最近的父级节点(亲爸爸) 如果找不到父节点就返回为 null

      console.log(erweima.parentNode);
      // <div class="box">
      //   <span class="erweima">×</span>
      // </div>
    </script>
  </body>
</html>