获取指定位置的元素-JavaScript并将其映射回源HTML

我正在尝试编写HTML注释服务。因此，我想在用户单击的HTML元素上附加一个注释。到目前为止，帮助我找到了HTML元素。但是，我想在DOM树中找到元素

因此，如果我向下遍历DOM树直到遇到元素，我的遍历路径是否会唯一地标识元素，这样我每次都可以恢复注释，或者浏览器可以以不同的方式构建DOM树，是否存在更改浏览器会给我带来麻烦的风险

另一个选项是在BODY.innerHTML中查找找到的元素innerHTML的位置。然而，如果我有可重复的元素，我就不能提供精确的映射。还有其他建议吗？请不要建议为每个HTML元素添加一些唯一的id，然后再使用它。它会膨胀HTML，我想避免它。

建议您使用jquery

然后，您可以循环遍历每个匹配元素，并在找到它时使用它来寻址所需的元素

例如：

$('.class-name-of-element').each(function() {
    $(this).css('border','1px solid red'); // or whatever you want to do with it
})