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

在div中获取每个标签和各自的li，可以通过以下步骤实现：

首先，使用JavaScript获取到包含标签和li的div元素。可以使用document.getElementById()方法通过div的id属性获取到该元素，或者使用其他选择器方法获取到该div元素。
接下来，使用JavaScript的DOM操作方法来获取div中的标签和各自的li。可以使用querySelectorAll()方法来获取div中的所有标签元素，该方法接受一个CSS选择器作为参数，返回匹配该选择器的所有元素的NodeList对象。
遍历获取到的标签元素列表，对于每个标签元素，可以使用querySelectorAll()方法再次在该标签元素内部获取到所有的li元素。同样地，该方法接受一个CSS选择器作为参数，返回匹配该选择器的所有元素的NodeList对象。
最后，可以将获取到的标签和各自的li进行处理或展示。可以使用JavaScript的循环结构遍历获取到的标签和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>

以上代码会在控制台输出每个标签和各自的li内容。你可以根据实际需求进行进一步的处理或展示。