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

Question

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

我确实知道该部分中的标记将是“独立的”，因为该部分中开始的标签也将在该部分内结束，反之亦然。

我可以谨慎行事，在该部分的开头和结尾使用注释，但这使得在 JavaScript 中使用起来有些不方便。我宁愿能够使用 DOM 操作函数来查找和修改此部分。

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

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

谢谢

YM

附注在这方面，跨浏览器支持和标准合规性对我来说很重要。

编辑:请注意，我不仅仅是在这里偷懒。我已经对此进行了测试和研究，到目前为止，我相信内联元素根本不会改变流程。 (除非他们被 CSS 告知)这个问题的目的是确保这些观察结果是正确的，并发现任何可能不成立的情况。

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

Answer 1

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

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