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

Question

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

Answer 1

我有一个主意。不需要唯一的类，并获得元素的宽度。 CSS：

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

有用。