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

Get element at specified position - JavaScript and mapped it back to source HTML

本文关键字：映射 HTML 定位 位置 获取 JavaScript 元素      更新时间：2023-09-26

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

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

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

建议您使用jquery。

然后可以循环浏览每个匹配元素，并在找到它时使用this来寻址您想要的元素

示例：

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