在不改变文档流程的情况下描绘HTML的一部分

Question

我正在开发一个Web应用程序，它要求我透明地描述DOM的一部分，以便与JavaScript一起使用。问题是我不一定知道页面标记的其余部分是什么样的。

我知道该部分中的标记将是“自包含的”，因为在该部分内开始的标记也将在该部分内结束，反之亦然。

我可以安全地播放它并在本节的开头和结尾使用注释，但这使得在JavaScript中使用它有点不方便。我宁愿能够使用DOM操作函数来查找和修改这一部分。

所以我想我的问题是，'内联'元素是否会修改文档流程？ （没有特殊的CSS规则）如果描述该部分的标签不存在，我希望文档看起来完全一样。

如果内联元素确实改变了文档流，是否有办法制作一个可以被JavaScript识别但不会改变文档流的元素？

谢谢，

YM

P.S。跨浏览器支持和标准合规对我来说很重要。

编辑：快速说明我不只是在这里懒惰。我已经对此进行了测试和研究，到目前为止，我认为内联元素根本不会改变流程。 （除非他们被CSS告知）这个问题的目的是确保这些观察是正确的，并发现任何不可能的情况。

EDIT2：正如评论所指出的那样，我似乎没有足够的词汇来准确描述我的要求。我也相信这个问题可能是主观的，所以我想我会关闭它并使用下面提供的数据标签方法。

Answer 1

是的，内联元素是文档流程的一部分。内联元素不以新行开头，但如果内容太大，它们可以流向其他行。

听起来你正在编写某种可视JS代码检查器。您可以使用具有data-*属性的JS来定位HTML元素，这不会影响您的CSS或流程。