提问者:小点点

未根据IF语句显示的图像


你好,伙计们,我试图改变形象之间的福特和法拉利,形象改变工作良好,但问题是根据如果条件,最初的图片应该是法拉利,但它显示福特。 我的代码:

<!DOCTYPE html>
<html lang="en">
  <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
    function change_image()
    {
        var imgtext = document.getElementById('MyImage').alt;

        if(imgtext == "ford")
        {
            document.getElementById('MyImage').src = "ferrari.jpg";
            document.getElementById('MyImage').alt = "ferrari";
            document.getElementById('mytext').value = "FerrariCar"; 
        }else{
            document.getElementById('MyImage').src = "ford.jpg";
            document.getElementById('MyImage').alt = "ford";
            document.getElementById('mytext').value = "FordCar";
        }

    }
</script>
</head>

  <body>
<img id="MyImage" src="ford.jpg"  width="350" height="350" alt="ford">
<input type="text" id="mytext" value="FordCar">
<input type="button" value="change Image" onclick="change_image()">

 </body>
 </html>

共1个答案

匿名用户

一切都像预期的那样。 图为福特,因为图像的来源最初是ford.jpg。

<img id="MyImage" src="ford.jpg"  width="350" height="350" alt="ford">

您有两个选项:

  1. 将图像源设置为ferrary
  2. 在页面加载时运行change_image()函数。 这可以通过在函数后面添加change_image()来实现。