Изменение источника изображения в теге anchor с помощью чистого javascript, а не jquery

Как я могу изменить Источник изображения, который встроен в якорный тег.

Вот код.

 <body class="home">
   <a href="#" class="logo"><img src="https://storage.googleapis.com/gweb-          
       uniblog-publish-prod/static/blog/images/google-200x200.7714256da16f.png"/></a
  </body>

8 ответов

  1. Добавьте idв imgтег, затем используйте следующий код.

    <script>
    document.getElementById("newImage").src="newImagepath/newimage.jpg";
    </script>
    
  2. Вы можете дать этому тегу img идентификатор, а затем использовать

     document.getElementById(id).src = "newimagesource.png" ;
    
  3. <body class="home">
       <a href="#" class="logo"><img id ="picture" src="https://storage.googleapis.com/gweb-          
           uniblog-publish-prod/static/blog/images/google-200x200.7714256da16f.png"/></a
      </body>
    

    Яваскрипт:

     <script type="text/javascript">
            document.getElementsById("picture").setAttribute("src", "New_image_path");
    </script>
    
  4. Just assign the id attribute to the image and change the source, 
    for your case:
    

    <body class="home" onload="changethesrc('newimagescr.png')">
            <a href="#" class="logo">
            <img src="https://storage.googleapis.com/gweb-          
           uniblog-publish-prod/static/blog/images/google-200x200.7714256da16f.png" id="imageid"/></a
           </body>
            <script type="text/javascript">
     	     function changethesrc(newsrc){
     		var tmpimg = document.getElementById("imageid");
    
    		tmpimg.src = newsrc;
     	     }
             </script>

  5. Попробовать это

    document.getElementsByClassName("logo")[0].children[0].src="http://images.google.com/images/branding/googleg/1x/googleg_standard_color_128dp.png"
    

    без использования идентификатора
    я создал скрипку
    https://jsfiddle.net/f3rdnzgt/1/