使用 Javascript（命名空间）悬停

【问题标题】：Hover with Javascript (namespace)使用 Javascript（命名空间）悬停
【发布时间】：2018-05-29 17:07:57
【问题描述】：

通过使用命名空间，我正在尝试在 Javascript 中创建一个 div 元素，如果您将鼠标悬停在 div 上，它会改变颜色并在不悬停时变回原样。请帮忙！

【问题讨论】：

你能告诉我们你做了什么尝试吗？你在哪里卡住了？
您好，这不是code for me 网站。你试过什么吗？向我们展示您的代码，我们很乐意为您提供帮助
“使用命名空间”是什么意思？
问题是，我已经为它编写了一个代码并且它工作正常。但后来我看到我需要在命名空间的帮助下做到这一点。我不明白那是什么意思。这就是我在这里问的原因。我不是在找你给我写这件事，我只是想在正确的方向上轻推一下。
你在哪里看到的？它具体说了什么？脱离上下文没有任何意义。如果有人想让你使用命名空间，你必须问他们是什么意思，因为 JS 没有命名空间，只有对象等的近似值。

标签： javascript namespaces hover

【解决方案1】：

这是你需要的吗？有很多方法可以做到，我用的是纯js。随心所欲的 css。

我不明白命名空间在您的情况下意味着什么。

以下是各自的 javascript、css 和 html。但是像这样的事情你可以谷歌并找到你需要的部分。

function changeColors(){
	if(document.getElementById("myElement").classList.contains('class1')){
		document.getElementById("myElement").classList.remove('class1');
    document.getElementById("myElement").classList.add('class2');  
	}else{
		document.getElementById("myElement").classList.remove('class2');
    document.getElementById("myElement").classList.add('class1');
	}
}

.class1{
  color:red;
}

.class2{
  color:blue;
}

<div>
  <h3 id="myElement" class="class1" onmouseover="changeColors()"
  onmouseout="changeColors()">
    Hello
  </h3>
</div>

【讨论】：