的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变化

回答

相关问题