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

Question

如何将元素'class'属性重置为初始值？

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

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

Answer 1

有几种方法可以做到：

• 存储在自定义属性中
• 存储在javascript数组中
• 存储在localStorage
• 等

Answer 2

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

＆＃13;

＆＃13;

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

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

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

＆＃13;

＆＃13;

＆＃13;

感谢您的帮助。