如何在 Javascript 中为节点集合中的每个元素设置唯一的样式？

Question

我想要的是，获取节点的集合，然后，使用 for 循环，将 left style 属性设置为 left: "-" + element.offsetWidth + px" 的示例。我正在考虑很多解决方案，但使问题复杂化的是我想在事件发生时删除属性(例如：悬停(，并返回到样式表中预设的样式。我认为，解决方案是在类中，因为有了element.style.left，我需要在事件发生时再次定义element.style.left。但这不是我想要的。在样式表中使用预定义的类也不是我想要的，因为我无法将始终变化的变量设置为 left 的值。一个有趣但我认为不是最优雅的解决方案是，获取每个元素，为它们创建一个 uniqe 类，并设置类的样式，然后将类添加到元素中，并在事件发生时将其删除。创建与我们拥有的元素一样多的类。但这怎么可能呢？或者问题的最佳解决方案是什么？

Answer 1

我有一个想法。不需要唯一的类，并获取元素的宽度。.CSS：

.style{
position: relative;
transform: translateX(-100%);
left:0;
}

它有效。