如何将元素类重置为其初始值

Question

如何将元素的“类”属性重置为其初始值？

我正在构建一个以class =“ttPopup”开头的工具提示弹出窗口。然后通过添加class =“ttPopup top left”等类来设置适当的方向。

问题是当弹出式窗口关闭时，如何将类重置为原始值，以备下次使用？

Answer 1

有几种方法，你可以做到这一点：

• 存储在自定义属性
• 店在JavaScript阵列
• 店的localStorage
• 等

Answer 2

不完全确定我是否正确地使用元素的自定义属性，但这里是我目前使用的解决方案：

eTooltip.addEventListener("mouseenter", function (oEvent) { ttOpen(oEvent); }); 
 
eTooltip.addEventListener("mouseleave", function (oEvent) { ttClose(oEvent); }); 
 

 
function ttOpen(oEvent) { 
 
\t var thisPopup = oEvent.target.getElementsByClassName("ttPopup")[0]; 
 
\t thisPopup.origClassName = thisPopup.className; 
 
} 
 

 
function ttClose(oEvent) { 
 
\t var thisPopup = oEvent.target.getElementsByClassName("ttPopup")[0]; 
 
\t if (thisPopup.origClassName) { thisPopup.className = thisPopup.origClassName; thisPopup.origClassName = null; } 
 
\t console.log(thisPopup.className) 
 
}

感谢您的帮助。