Javascript 检查元素是否在视口中，并将其传递给函数

我有一个元素列表，这些元素是延迟加载的。现在我想一个接一个地解析它们。因此，我必须确定它们是否在视口中。当它们出现时，我想把它们传递给另一个函数来解析它们

<ul>
  <li>Element 1</li>
  <li>Element 2</li>
  <li>Element 3</li>
  <li>Element 4</li>
</ul>

---

如何实现这一点？

您可以在文档上使用

onload

事件检查文档何时加载：

document.onload = function() {
  parseItem();
}

---

我最终使用了

MutationObserver

。通过这种方式，我可以观察元素是否被加载：

BTW，元素可以被加载，但不在视口中。那么你指的是哪一个？如果它们被加载，我想马上解析它们。你说的解析元素是什么意思？你能在这里包含解析函数吗？基本上我想从domeElement中提取标题、日期和其他文本。我更新了我的帖子

document.onload = function() {
  parseItem();
}