Поперечно вверх в Javascript DOM

Question

Я хочу пройти вверх по javascript. например, если я введу элемент, он покажет все его родительские элементы до тега html, но он не будет работать так. Он показывает только DIV,BODY,HTML.

function Transverse(p) {
  var path = "";
  var A = [];
  var element = document.querySelector(document.getElementById(p).nodeName);
  path = element.parentElement;
  while (path) {
    A.push(path);
    path = path.parentElement;
  }
  console.log(A);

}

<div>
  <button id="btn1" onclick="Transverse('btn1')">button 1</button>
  <ul>
    <button id="btn2" onclick="Transverse('btn2')">button 2</button>
    <li>
      <button id="btn3" onclick="Transverse('btn3')">button 3</button>
    </li><br>

    <section>
      <a href="#">
        <button id="btn4" onclick="Transverse('btn4')">button 4</button>

      </a>
    </section>
  </ul>
  <ol>
    <li>
      <h1>End of Page</h1>
      <button id="btn5" onclick="Transverse('btn5')">Button 5</button>
    </li>
  </ol>
</div>