如何在没有onclick事件的情况下使用javascript更改图像？

我试图得到一个虚拟的用户名和个人资料图片随机显示，随机间隔。我也希望用户名与他们各自的个人资料图片相匹配。如何在没有onclick事件的情况下使用javascript更改图像？

我现在我有一个正确
<p id="usr"></p>
<img id="changeimage" src="" alt="Profile picture">

和JavaScript这样

var players = ['player1', 'player2', 'player3'] 
var playerpics = ['player1.jpg', 'player2.jpg', 'player3.jpg']; 


var activeuser; 
var playerpicker = function (activeuser) { 
    usr.innerHTML = players[activeuser]; 
    changeimage.innerHTML = "<img src='" + playerpics[activeuser] + "' />"; 

}; 

setInterval(function() { 
    var oneintwelve = Math.floor(Math.random() * 12); 

    if (oneintwelve === 3) { 
     activeuser = Math.floor(Math.random() * 3); 
     playerpicker(activeuser); 

    }; 
}, 1000);

我知道我在做什么毛病实施新的IMG标签显示的用户名HTML，原谅我，如果我没有这样做的最好方式，我是相当新的这一点。谢谢您的帮助。

来源

2014-09-05 user3473543

'eval'是邪恶的。 'eval'是邪恶的。 'eval'是邪恶的。 'eval'是邪恶的。 'eval'是邪恶的。 'eval'是邪恶的。 'eval'是邪恶的。 ;（ – 2014-09-05 21:32:35

@Allendar毫无疑问你是对的，但那个邪恶与这个问题有关呢？还是在宽限期内被删除？ – Teemu 2014-09-05 21:37:37

改为使用内部html，只是用javascript获取图像标记并更改src像$（'image'）这样的图像。src ='a.jpg' – 2014-09-05 21:38:09

即将到来，您可以更改图像的src属性。你也没有完全正确地选择元素。

var playerpicker = function (activeuser) { 
    document.getElementById("usr").innerHTML = players[activeuser]; 
    document.getElementById("changeimage").src= playerpics[activeuser]; 
};

检查此链接，它会帮助你学习http://www.w3schools.com/jsref/dom_obj_select.asp

来源

2014-09-05 21:35:33

谢谢！非常感谢。 – user3473543 2014-09-05 23:55:19

如何在没有onclick事件的情况下使用javascript更改图像？

回答

相关问题