Question

我创建了一个简单的事件脚本，在单击按钮时会更改图像。但遗憾的是没有变化，请帮助!!在此先感谢。

错误：我也没有收到任何错误消息，只是它没有更改图像。

<html>
<head>
    <title>Events Practise</title>
    <style>
     #imtest{
     width:100px;
     height:150px;
     }
    </style>
</head>
<body>
    <h4> This a practise page of Events and event handlers </h4>
    <p> Hi this the practise page that changes the Html and Css contents in the page by Using the JavaScript </p>
    <img id="imtest" src="marni.jpg" alt="Image corrupted">
    <button onclick="eventtest()">Change Image</button>
    <script>
        function eventtest()
        {
                var imt = document.getElementById("imtest");
                imt.onclick = change;
        }
        function change()
        {
            var imtchng = document.getElementById("imtest");
            imtchng.src = "marni1.png";
        }

    </script>
</body>

Answer 1

我创建了一个简单的事件脚本，在单击时更改图像在按钮上

没有你创建了一个脚本，当点击按钮时，该脚本会在图像上设置一个点击处理程序，之后当图像被更改时，它将会改变。

如果您想直接通过点击设置点击处理程序来直接更改图像。

Answer 2

在imt.onclick = change行中，您忘记change后的括号。将其替换为change()

Answer 3

<script>
        function eventtest()
        {
change();
        }
        function change()
        {
            var imtchng = document.getElementById("imtest");
            imtchng.src = "marni1.png";
        }

    </script>

or

   <button onclick="change()">Change Image</button>

事件在Javascript中无法正常运行

3 个答案: