[英]Show/hide div onmouseover/onmouseout Javascript
I have a hyperlink on my page. 我的页面上有一个超链接。 I want to show a div when I mouse over the hyperlink, and hide it when I mouseout.
当我将鼠标悬停在超链接上时,我想显示一个div,当我将鼠标悬停时,将其隐藏。
My html: 我的html:
<a onmouseover="showDiv(this)" onmouseout="hideDiv(this)">
<img>
<div class="inner-block">
Content
</div>
</a>
Javascript: Javascript:
function showDiv(elem) {
elem.getElementsByTagName("div").style.visibility="visible";
}
function hideDiv(elem) {
elem.getElementsByClassName("inner-block2").style.visibility="hidden";
}
and CSS: 和CSS:
.inner-block {
visibility: hidden
}
I've tried getElementsByTagName, getElementsByClassName, whatever I try I get 我已经尝试过getElementsByTagName,getElementsByClassName,无论我尝试得到什么
Uncaught TypeError: Cannot set property 'visibility' of undefined
try this : 尝试这个 :
function showDiv(elem) {
elem.getElementsByTagName("div")[0].style.visibility="visible";
}
function hideDiv(elem) {
elem.getElementsByTagName("div")[0].style.visibility = "hidden"
}
since getElementsByClassName("inner-block2") will return NodeList 因为getElementsByClassName(“ inner-block2”)将返回NodeList
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.