如何在div中获取每个标签和各自的li？

<div id="myDiv">
  <h1>标签1</h1>
  <ul>
    <li>li1</li>
    <li>li2</li>
    <li>li3</li>
  </ul>
  <h2>标签2</h2>
  <ul>
    <li>li4</li>
    <li>li5</li>
  </ul>
</div>

<script>
  // 获取包含标签和li的div元素
  var divElement = document.getElementById("myDiv");

  // 获取div中的所有标签元素
  var tagElements = divElement.querySelectorAll("h1, h2");

  // 遍历标签元素列表
  tagElements.forEach(function(tagElement) {
    // 获取当前标签元素内部的所有li元素
    var liElements = tagElement.querySelectorAll("ul li");

    // 遍历li元素列表
    liElements.forEach(function(liElement) {
      // 处理或展示每个标签和各自的li
      console.log("标签：" + tagElement.tagName);
      console.log("li：" + liElement.textContent);
    });
  });
</script>