"name"속성을 "id"로 변경했지만 이미지가 표시되지 않음

Question

오류 : img 요소의 name 속성은 사용되지 않습니다. 대신 id 속성을 사용하십시오. 나는이 그 끝의 업 내 이미지가 나타나지 만드는 시도하지만 때 위

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

, 나는 'ID'에 '이름'을 변경하는 나에게 묻는 데요이 오류를 볼 수 있습니다. 그래서 본질적으로 'id'는 작동하지 않지만 'name'은 작동하지 않습니다. 어떤 아이디어?

https://gyazo.com/ff5c6b39d5a1b649027d2fca57a1ffa1

는 내가 <img src id=""/>에 코드를 변경하지하고 더 이상 작동 아래 <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>` 

때 코드가 작동 첫 번째 이미지에서 볼 수 있듯이, 그것은 보여줍니다 대체 텍스트. 함수에서

https://gyazo.com/634a5fa6db7e1acf22a55815f19d6da2

Answer 1

당신은 name 속성 "슬라이드"를 사용하여 삽입합니다. 그러나 id은 name이 아니므로 문서에서 가져와야합니다. 그래서

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

는 또한, <img> 태그를 사용하거나 닫는 슬래시를 필요로하지 않는다.