在<li>中显示两个数组的元素

，可以通过以下步骤实现：

创建一个空的HTML列表（<ul>或<ol>）。
定义两个数组，分别存储要显示的元素。
使用循环遍历数组中的元素。
在循环中，对于每个数组元素，创建一个新的列表项（<li>）。
将数组元素作为列表项的文本内容。
将列表项添加到HTML列表中。
重复步骤4-6，直到遍历完两个数组的所有元素。
将最终生成的HTML列表插入到页面中的适当位置。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>显示两个数组的元素</title>
</head>
<body>
  <ul id="list"></ul>

  <script>
    // 定义两个数组
    var array1 = ['元素1', '元素2', '元素3'];
    var array2 = ['元素A', '元素B', '元素C'];

    // 获取列表元素
    var list = document.getElementById('list');

    // 遍历数组并显示元素
    for (var i = 0; i < array1.length; i++) {
      // 创建列表项
      var listItem = document.createElement('li');

      // 设置列表项文本内容为数组元素
      listItem.textContent = array1[i] + ' ' + array2[i];

      // 将列表项添加到列表中
      list.appendChild(listItem);
    }
  </script>
</body>
</html>

这段代码会在页面中创建一个无序列表，并将两个数组的元素以列表项的形式显示出来。你可以根据实际需求修改数组内容和列表类型（<ul>或<ol>）。