I want make my 'id=submenu' "visibility:hidden" to "visibility:visible" When I mouseover 'class=recipe'. I tried inline,property Listener but It doesn't works. I know I'm very ignorant but I can't find What should I do. Can you help me to solve this problem? Here's my code. Sorry.
var t = document.getElementByClass('recipe');
t.addEventListener('mouseover', Function(sHover) {
var a = document.getElementById('submenu');
a.style.visibility = 'visible';
});#submenu {
visibility: hidden;
}<div class="mainmenu">
<a class="first" href="Home.html">Home</a>
<a class="recipe" href="Recipe.html">Recipe</a>
<a href="QNA.html">QNA</a>
<div id="submenu">
coffee
</div>
</div>Try this, you have to pull out the element from the array.
Also, it's not getElement.. but getElementsByClass
var t = document.getElementsByClass('recipe')[0];
t.addEventListener('mouseover', function(sHover) {
var a = document.getElementById('submenu');
a.style.visibility = 'visible';
});
You should consider using querySelector(".recipe") instead
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments