的JavaScript上點擊圖片src變化

我想要的代碼，當我從這種圖像變化的圖像上單擊src到其他src.But我doesen't工作能有人HLP我的JavaScript上點擊圖片src變化

<?php require_once("php/config.php"); ?> 
<!DOCTYPE html> 
<html> 
<head> 
<title> test </title> 
<script type="text/javascript" src="javascript/liabary.js"></script> 
</head> 
    <body> 
     <img id="img" onclick="next()" src="img/bildergalerie/bild3.jpg" id="b3" width="1000" height="500" alt="image" /> 
     <script type="text/javascript"> 

     function next() { 
      var img = document.getElementByIdName("img"); 
      img.src = "image2.jpg";  
     } 
     </script> 
    </body> 
</html>

PS：對不起我的英文不好，我還是學生。

PPS：現在它的工作的幫助表示感謝

來源

2017-06-05 Yuto

'IMG [0]的.src'........ –

getElementsByClassName返回數組類對象，所以您需要參考您需要的特定之一。例如img[0].src = "image2.jpg";

jsFiddle example

或者，而不是尋找類，則可以使用替代ID：

var img = document.querySelector("#b3");

或

var img = document.getElementById("b3");

這隻會返回一個元素，然後你可以參照你的方式。

來源

2017-06-05 17:33:28 j08691

耶不錯它適用於這樣一個愚蠢的問題抱歉。 – Yuto

既然你有一個ID附加到你的圖像，我建議你使用getElementById()它只返回一個單一的元素，而不是一個集合。

function next() { 
 
    var img = document.getElementById("myImg"); 
 
    img.src = "http://noticias.universia.com.br/net/images/consejos-profesionales/m/mo/mot/motivos-influenciar-mudar-imagem-profissional-noticias.jpg"; 
 
}

<img class="img" id="myImg" onclick="next()" src="http://www.apicius.es/wp-content/uploads/2012/07/IMG-20120714-009211.jpg" id="b3" width="300" height="150" alt="image" />

來源

2017-06-05 17:36:39

是啊，很好，它工作對不起，這樣一個愚蠢的問題。 – Yuto

的JavaScript上點擊圖片src變化

回答

相關問題