更新显示的数字以匹配其在纯javascript中元素顺序中的位置

在纯 JavaScript 中，要更新显示的数字以匹配其在元素顺序中的位置，可以通过以下步骤实现：

1. 首先，获取包含数字的元素列表。可以使用 JavaScript 的 DOM 操作方法（如 document.getElementById() 或 document.getElementsByClassName()）来获取元素列表。
2. 将获取到的元素列表转换为数组，以便能够对其进行排序和操作。可以使用 Array.from() 方法或简单的循环将元素列表转换为数组。
3. 对数组进行排序，以确保数字按照其在元素顺序中的位置进行排序。可以使用 Array.sort() 方法，并提供一个自定义的比较函数来指定排序规则。比较函数应该比较元素的位置，例如通过比较元素的 offsetTop 属性。
4. 更新数字的显示。可以使用循环遍历数组，并使用 textContent 或 innerHTML 属性来更新每个元素的显示内容。可以根据需要进行格式化或其他操作。

以下是一个示例代码，演示如何实现上述步骤：

// 获取包含数字的元素列表
var elements = document.getElementsByClassName('number');

// 将元素列表转换为数组
var array = Array.from(elements);

// 对数组进行排序
array.sort(function(a, b) {
  return a.offsetTop - b.offsetTop;
});

// 更新数字的显示
for (var i = 0; i < array.length; i++) {
  array[i].textContent = i + 1;
}

在这个示例中，假设包含数字的元素具有 number 类名。你可以根据实际情况修改选择元素的方法和类名。

这个方法适用于任何包含数字的元素列表，并且可以确保数字的显示与其在元素顺序中的位置匹配。