JavaScript 代码可以通过响应事件等方式实时更新 DOM 元素的属性/特性。这里就是一个例子。
在该页面的表格中，将鼠标移到单元格上。注意鼠标移到单元格上时，单元格的颜色会发生变化，而将鼠标移到另一个单元格上时，颜色会消失。
现在，使用 Firefox 或 Chrome（但不是 IE、Opera 等），我想检查在即时的，因为鼠标光标进入和离开该区域并导致 JS 执行其操作。
目前我观察到的行为是 Firefox 和 Chrome 的检查元素功能才不是当 JavaScript 更新属性值时，更新属性值。因此，为了查看属性的最新值，我必须再次检查元素，并且它会对值进行短暂的“快照”。但由于值仅在我将鼠标放在它们上面时才会发生变化，因此我无法在鼠标光标位于单元格上时对我想要的值进行快照，因为我必须将鼠标从单元格上移开才能在右键单击列表中选择“检查元素”项！
如果可以使用 Firefox 实时更新值或者Chrome 或扩展程序，在任何较新版本的软件上（直至最新稳定版本），请提供操作说明。
答案1
当您在演示中选择其中一个单元格时，它将自动选择<div>单元格中包含的，除非您恰好在边框上点击该单元格：
但是，样式更改会应用于单元格，而不是<div>。当您将鼠标悬停在开发人员工具中处于焦点的单元格上时，您应该能够看到正在应用的新 CSS。此外，您可以展开计算风格窗格查看完整的样式集：
