关于如何使用JavaScript获取页面中某元素下的所有<li>元素，这里有两种主要的方法可以实现。这两种方法分别使用了DOM提供的不同的接口，各有其特点和使用场景。在深入讨论之前，先简单介绍一下DOM（Document Object Model）文档对象模型的概念。
DOM是一个跨平台的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM将文档视为树形结构，其中每一个节点代表了文档的一部分，比如元素节点、文本节点等。通过JavaScript对DOM的API进行操作，开发者可以读取文档中的节点，修改节点的内容，添加新的节点或者删除节点等。
现在，让我们详细介绍两种获取所有<li>元素的方法。
方法一：使用getElementById和getElementsByTagName组合
这种方法首先通过getElementById获取包含目标<ul>元素的父容器，然后使用getElementsByTagName方法来获取该容器内所有的<ul>元素。由于可能存在多个<ul>元素，因此我们通常会使用索引来指定需要操作的<ul>元素。一旦获取了目标<ul>元素，我们再次使用getElementsByTagName方法来获取这个<ul>下所有的<li>元素。示例代码如下：
```javascript
var content = document.getElementById("content"); // 获取id为"content"的元素
var items = content.getElementsByTagName("ul"); // 获取content下所有的<ul>元素
var itemss = items[2].getElementsByTagName("li"); // 获取第三个<ul>下的所有<li>元素
```
上述代码中，`content` 变量是通过其id获取的DOM节点。然后通过`getElementsByTagName("ul")`获取该节点下所有的<ul>元素，并存储在数组`items`中。`items[2]`代表了`items`数组的第三个元素（数组索引从0开始计数）。`getElementsByTagName("li")`从这个<ul>元素中获取所有子级<li>元素。
方法二：遍历childNodes
第二种方法适用于较为复杂或不规则的HTML结构，或者当你希望捕获所有<li>元素而不论它们的父级元素是什么时。通过获取父容器的childNodes属性，可以获取该容器下所有的节点，这其中包括元素节点、文本节点和注释节点等。之后，通过循环遍历这些节点，并检查它们是否是<li>元素。示例代码如下：
```javascript
var div = document.getElementById('a'); // 获取id为"a"的元素
var ul = div.childNodes.item(0); // 获取该元素的第一个子节点，假设它是<ul>
var lis = ul.childNodes; // 获取这个<ul>下所有的子节点
for (var i = 0; i < lis.length; i++) {
alert("Item" + i + ":" + lis.item(i).innerHTML); // 弹出每个<li>节点的内容
}
```
上述代码首先通过getElementById获取了一个容器元素，并假定其第一个子节点是<ul>元素。之后获取这个<ul>下所有的子节点，存储在`lis`变量中。接着，使用for循环遍历这些子节点，并使用`alert`函数弹出每个<li>节点的内部HTML内容。
需要注意的是，使用`childNodes`属性会获取包括文本节点在内的所有子节点，有时候可能会包含一些空白的文本节点，这就要求在使用这种方法时要进行适当的判断，以确保只处理元素节点。
总结
在实际开发中，选择哪一种方法获取元素下面的所有<li>元素，主要取决于HTML结构的复杂性和个人偏好。第一种方法通过指定标签名来获取节点，代码较为简洁且易于理解。第二种方法则提供了一种更为通用和灵活的方式来访问节点，特别是在复杂的页面结构中。无论选择哪种方法，了解DOM和其API是实现目标的关键。
