验证某一元素一直向上级取其父节点，直至最后，看能取到什么

xiaguangtest

于 2010-12-29 09:36:23 发布

阅读量162

点赞数

文章标签： JavaScript JSP ViewUI

本文通过一个JavaScript示例展示了如何从一个指定的DOM元素开始，逐级向上获取其父节点直至body元素。该过程有助于理解DOM结构，并了解如何在实际应用中定位元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <script type="text/javascript">
      function test1()
      {
          // 验证某一元素一直向上级取其父节点，直至最后，看能取到什么
          // 结果是这个while并不会一直循环，当道body这一级时，若body设置了id，那么正常显示为设置的id。
          // 若对body没有设置id，则显示为空。遍历至最后就是undfined，然后结束
          var obj = document.getElementById("aa");
          alert(obj.id);
          var childObj;
          var parentObj;
          childObj = obj;
          while(true)
          {
              parentObj = childObj.parentNode;
              alert("parent id is :: " + parentObj.id);
              childObj = parentObj
          }
      }
  </script>

</head>
 
  <body id="body">
    This is my JSP page. <br>
    <div id="a">
        <div id="aa">
            <input type="button" value="test" onClick="test1()"/>
        </div>
    </div><!-- div a -->
  </body>