mousover mouseout此类可见隐藏纯javascript

mousover mouseout此类可见隐藏纯javascript,javascript,Javascript,每个文本都属于一个特定的图像,因此当有人在该图像上移动光标时。文本应该显示出来,当光标离开鼠标时,文本应该隐藏起来。请不要使用jQuerty,必须使用纯JavaScript。任何人都知道我该怎么解决这个问题 函数显示(){ document.getElementsByClassName(“text”).style.visibility=“可见”; } 函数hide(){ document.getElementsByClassName(“text”).style.visibility=“hid

每个文本都属于一个特定的图像,因此当有人在该图像上移动光标时。文本应该显示出来,当光标离开鼠标时,文本应该隐藏起来。请不要使用jQuerty,必须使用纯JavaScript。任何人都知道我该怎么解决这个问题

函数显示(){
document.getElementsByClassName(“text”).style.visibility=“可见”;
} 
函数hide(){
document.getElementsByClassName(“text”).style.visibility=“hidden”;
}

命令
document.getElementsByClassName(“text”)
返回与
document.getElementById(“文本”)相对的元素列表只返回一个元素。
因此,要使用一个元素来更改其样式,必须使用数组表示法
document.getElementsByClassName(“text”)[0]
作为第一个元素的示例

我使用for循环迭代下面代码示例中的每个列表元素:

函数显示(myText){
var elements=document.getElementsByClassName(myText)
对于(var i=0;i

命令
document.getElementsByClassName(“text”)
返回与
document.getElementById(“文本”)相对的元素列表只返回一个元素。
因此,要使用一个元素来更改其样式,必须使用数组表示法
document.getElementsByClassName(“text”)[0]
作为第一个元素的示例

我使用for循环迭代下面代码示例中的每个列表元素:

函数显示(myText){
var elements=document.getElementsByClassName(myText)
对于(var i=0;i


getElementsByClassName
返回一个节点名您希望图像在光标位于链接上方时显示,在光标消失时消失吗?对不起,我的问题。当光标移动到该图像上时,文本应该出现。您希望在节点列表中循环。除非您想要该类的一个元素,否则您可以使用
document.getElementsByClassName(“text”)[0]
,但由于该类有多个元素,因此我只能假设您希望该类对所有元素都起作用。或者,您可以使用该类名将最近的元素作为目标…
GetElementsByCassName
返回一个节点。您希望图像在光标位于链接上方时显示,在光标消失时消失吗?对不起,我的问题。当光标移动到该图像上时,文本应该出现。您希望在节点列表中循环。除非您想要该类的一个元素,否则您可以使用
document.getElementsByClassName(“text”)[0]
,但由于该类有多个元素,因此我只能假设您希望该类对所有元素都起作用。或者,您可以使用该类名将最近的元素作为目标…几乎在那里,但两个文本都显示出来了。无论你在哪个图像上悬停。现在它应该是你想要的行为。我还将事件更改为图像。我觉得它更准确一点。正是我想要的!差不多了,但两个文本都出现了。无论你在哪个图像上悬停。现在它应该是你想要的行为。我还将事件更改为图像。我觉得它更准确一点。正是我想要的!