如何使用纯javascript在DOM中定位非唯一的、动态生成的元素？

在DOM中定位非唯一的、动态生成的元素可以使用纯JavaScript来实现。以下是一种常见的方法：

使用querySelectorAll()方法结合CSS选择器定位元素。该方法返回一个NodeList对象，其中包含与指定选择器匹配的所有元素。

var elements = document.querySelectorAll('.your-css-selector');

遍历NodeList对象，对每个元素进行操作。可以使用forEach()方法或者普通的for循环来遍历元素。

elements.forEach(function(element) {
  // 对每个元素进行操作
});

如果需要根据元素的属性或内容来定位，可以使用getAttribute()方法或者innerHTML属性来获取元素的属性或内容，并进行判断。

elements.forEach(function(element) {
  if (element.getAttribute('data-id') === 'your-id') {
    // 对符合条件的元素进行操作
  }
});

如果元素是动态生成的，可以在元素生成后再执行定位操作。可以使用MutationObserver来监听DOM的变化，并在元素生成后执行相应的操作。

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.type === 'childList') {
      // 元素生成后执行操作
    }
  });
});

observer.observe(document, { childList: true, subtree: true });

需要注意的是，以上方法是使用纯JavaScript来定位非唯一的、动态生成的元素。在实际开发中，可以根据具体需求选择合适的方法来定位元素。