如何在被javascript修改之前找到旧的CSS值？

在被 JavaScript 修改之前找到旧的 CSS 值可以通过以下两种方法来实现：

1. 使用 CSSOM 中的 getComputedStyle() 方法：
   • 概念：CSSOM（CSS Object Model）是一种用于访问和操作 CSS 的 API，它可以让 JavaScript 访问和修改 CSS 样式规则。
   • 分类：CSSOM 是 CSS 的一个子集，它主要关注于处理 CSS 样式和规则。
   • 优势：getComputedStyle() 方法可以获取到元素最终应用的所有 CSS 属性的计算值，包括通过外部样式表、内联样式或者计算所得到的值。
   • 应用场景：当需要获取元素当前应用的 CSS 值，尤其是在 JavaScript 修改样式之前，可以使用 getComputedStyle() 方法获取元素的计算样式。
   • 腾讯云相关产品：腾讯云无特定产品与 CSSOM 直接相关。
   • 产品介绍链接地址：无。
   • 示例代码：
   • 示例代码：

• 使用 MutationObserver 监听 DOM 变化：
  • 概念：MutationObserver 是一种监听 DOM 变动的 API，可以观察到 DOM 节点的增加、删除、属性变化等情况。
  • 分类：MutationObserver 属于 DOM API，主要关注于监听 DOM 变动。
  • 优势：通过监听 DOM 的变化，可以在 DOM 被修改之后立即执行相应的操作，包括获取旧的 CSS 值。
  • 应用场景：当需要实时监听 DOM 的变动，并在变动发生后执行操作时，可以使用 MutationObserver 来获取旧的 CSS 值。
  • 腾讯云相关产品：腾讯云无特定产品与 MutationObserver 直接相关。
  • 产品介绍链接地址：无。
  • 示例代码：
  • 示例代码：

请注意，以上示例中的"myElement"为示意用法，实际使用时需替换为目标元素的 ID 或其他选择器。

通过使用上述方法，您可以在 JavaScript 修改 CSS 之前获取到旧的 CSS 值，并根据需求执行相关操作。