Javascript 获取一个元素以影响多个图像_Javascript_Html

Javascript 获取一个元素以影响多个图像

javascript html

Javascript 获取一个元素以影响多个图像,javascript,html,Javascript,Html,我正在尝试制作一个由平铺图像组成的页面，每个图像都有三种状态的滚动效果。我让它为第一个图像工作，但不能让它影响其他图像。我知道这与我使用getElementById有关，但还没有找到解决方案当前代码： <!DOCTYPE html> <html> <head><link rel="stylesheet" type="text/css" href="test4.css"/> <script>

我正在尝试制作一个由平铺图像组成的页面，每个图像都有三种状态的滚动效果。我让它为第一个图像工作，但不能让它影响其他图像。我知道这与我使用getElementById有关，但还没有找到解决方案

当前代码：

  <!DOCTYPE html>
    <html>
    <head><link rel="stylesheet" type="text/css"
    href="test4.css"/>
    <script>
    var clicked = false;
    function onClick()
    {
    clicked = true;
    document.getElementById("myImage").src="images/in.jpg";
    }
    function onMouseover() {
    if(!clicked)
    document.getElementById("myImage").src="images/half.jpg";
    }
    function onMouseout(obj) {
    if(!clicked)
    obj.src="images/out.jpg";
    }
    </script>
    </head>
    <body> 
    <img onmouseover="onMouseover()" onmouseout="onMouseout(this)" onclick="onClick()"                                    
    id="myImage" src="images/out.jpg" width="167" height="230">
    </body>
    </html>


var=false；
函数onClick（）
{
单击=真；
document.getElementById（“myImage”）.src=“images/in.jpg”；
}
函数onMouseover（）{
如果（！单击）
document.getElementById（“myImage”）.src=“images/half.jpg”；
}
onMouseout（obj）功能{
如果（！单击）
obj.src=“images/out.jpg”；
}

请&&Thank

您的解释意味着您的页面上有许多

，但您的代码只显示一个。我将假定您的解释是正确的，并且就本答案而言，您的解释有很多

页面上只能有一个具有给定id的元素。如果超过1，则该页面无效，您将看到与您看到的问题类似的问题。与其按id检索，不如将所有元素赋予相同的类并使用

检索，为什么不使用伪css类，如：active和：hover？：活动等于单击：悬停等于鼠标