Question

错误：img元素上的name属性已过时。请改用id属性。

<img src name="slide" width="1714" height="500" alt="slideshow" />

上面你可以看到我有这个错误要求我改变名字＆＃39;但是，当我尝试这个时，它结束了我的图像不会出现。所以基本上是＆＃39; id＆＃39;不起作用，但名字＆＃39;确实。有什么想法吗？

正如您在第一张图片中看到的那样，代码正常工作 <img src name=""/>

    <script>
    var i = 0; // Start Point
    var images = []; // Images Array
    var time = 3000; // Time Between Switch`

    // Image List
    // This holds an array of all my images
    images[0] = "images/img_house.png";
    images[1] = "images/img_staff.jpg";
    images[2] = "images/img_desk.jpg";
    images[3] = "images/img_coinstack.jpg";

    // Change Image
    function changeImg() {
      document.slide.src = images[i];

      // Check If Index Is Under Max
      if (i < images.length - 1) {
        // Add 1 to Index
        i++;
      } else {
        // Reset Back To O
        i = 0;
      }

      // Run function every x seconds
      setTimeout("changeImg()", time);
    }

    // Run function when page loads
    window.onload = changeImg;

  </script>
  <section>
    <img src name="slide" width="1714" height="500" alt="slideshow" />
  </section>`

下面我已将代码更改为<img src id=""/>，但它不再有效，它会显示替代文字。

https://gyazo.com/ff5c6b39d5a1b649027d2fca57a1ffa1

Answer 1

在您的功能中，使用name属性＆＃34; slide＆＃34;插入它。但id不是name，必须从文档中提取。所以

document.getElementById("slide").src = images[i];

此外，<img>标记不使用或需要结束斜杠。

改变了＃34;名称＆＃34;属性为＆＃34; id＆＃34;但图像不显示

1 个答案: