为什么我无法在浏览器检查器中调查 HTML 的一部分？

Question

我这里有这个座位布局：https://www.jegy.hu/program/kabare-121948/713631

如果我调查 Chrome 中的一个可用座位，检查员不会显示该特定座位的 div 坐标。为什么？可能因为后面用javascipt加载了座位坐标，直接变成了DOM?

如果通过 Javascipt 将 HTML 加载到 DOM，是否可以提取部分 HTML？

Answer 1

您无法真正调查一个可用座位，至少不会像您期望的那样。

第一件事是网站在实际图像上放置了一个 <div>，看起来好像是用来收集用户与图像的所有交互（事件）（例如滚动、导航）。这是您在屏幕截图中选择的 div。您可以继续删除它。

然后您会注意到有 <canvas> 个元素创建了一个 4x4 的图块网格。实际座位被涂成这些 canvas 元素。它们甚至不是真正的 DOM 对象。

但是您可以调查一些元素：<text>s，例如“JOBB KARZAT”。只需在 DOM 中搜索该字符串，您就会发现一些有趣的元素。