使用简单的html dom获取无序列表和列表项中的DIV

使用简单的HTML DOM获取无序列表和列表项中的DIV可以通过以下步骤实现：

首先，使用HTML DOM的getElementById()方法或querySelector()方法获取到包含无序列表的父元素。例如，可以使用getElementById("list-container")或querySelector("#list-container")来获取id为"list-container"的父元素。
接下来，使用getElementsByTagName()方法获取到无序列表元素。例如，可以使用getElementsByTagName("ul")来获取所有的无序列表元素。
然后，遍历获取到的无序列表元素，使用getElementsByTagName()方法获取到列表项元素。例如，可以使用getElementsByTagName("li")来获取所有的列表项元素。
在列表项的遍历过程中，使用querySelector()方法获取到列表项中的DIV元素。例如，可以使用querySelector("div")来获取列表项中的第一个DIV元素。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>获取无序列表和列表项中的DIV</title>
</head>
<body>
  <div id="list-container">
    <ul>
      <li>
        <div>列表项1的DIV</div>
      </li>
      <li>
        <div>列表项2的DIV</div>
      </li>
      <li>
        <div>列表项3的DIV</div>
      </li>
    </ul>
  </div>

  <script>
    // 获取父元素
    var parentElement = document.getElementById("list-container");

    // 获取无序列表元素
    var ulElements = parentElement.getElementsByTagName("ul");

    // 遍历无序列表元素
    for (var i = 0; i < ulElements.length; i++) {
      var ulElement = ulElements[i];

      // 获取列表项元素
      var liElements = ulElement.getElementsByTagName("li");

      // 遍历列表项元素
      for (var j = 0; j < liElements.length; j++) {
        var liElement = liElements[j];

        // 获取列表项中的DIV元素
        var divElement = liElement.querySelector("div");

        // 输出DIV元素的内容
        console.log(divElement.innerHTML);
      }
    }
  </script>
</body>
</html>

在上述示例代码中，我们首先通过getElementById()方法获取到id为"list-container"的父元素，然后使用getElementsByTagName()方法获取到无序列表元素，接着遍历无序列表元素，再使用getElementsByTagName()方法获取到列表项元素，最后使用querySelector()方法获取到列表项中的DIV元素，并输出其内容。

这种方法适用于简单的HTML结构，如果HTML结构复杂或嵌套层级较深，可能需要根据实际情况进行适当的调整。