js获取元素修改样式并保留原来的值

在JavaScript中，你可以通过`style`属性来获取或修改HTML元素的CSS样式。如果你想获取某个元素的原始样式并在修改后恢复，可以按照以下步骤操作：

1. **获取原始样式**:
使用`.style`属性可以直接获取到元素的所有样式，例如：

   const element = document.getElementById('myElement');
   const originalStyle = getComputedStyle(element);

`getComputedStyle()`函数会返回一个CSSStyleDeclaration对象，包含了元素的所有样式信息。

2. **修改样式**:
修改元素的样式时，直接设置相应的CSS属性即可，如改变颜色：

   element.style.color = 'red';

3. **保存修改前的值**:
为了在需要时恢复原始样式，可以在修改之前先将这些值存储在一个对象或变量中：

   const savedStyles = {
     color: element.style.color,
     backgroundColor: element.style.backgroundColor,
     // ... 其他你需要保存的样式属性
   };

4. **恢复原始样式**:
要恢复样式，只需将保存的样式重新赋值给元素：

   for (const property in savedStyles) {
     element.style[property] = savedStyles[property];
   }

记住，在实际应用中，如果元素有许多样式属性，手动记录所有可能的变化可能会很麻烦。因此，更好的做法是使用事件监听器跟踪变化，或者创建一个简单的样式管理模块。