如何通過使用onclick單擊將圖像更改為其他圖像？
[英]How do i change an image into a different image by clicking on it with onclick?
問題描述
如何通過使用onclick單擊將圖像更改為其他圖像？
#box{ height:200px; width:200px; background-color:gold; }
<body>
<div id="box"></div>
<script type="text/javascript">
document.getElementById("box").onclick = function() {
document.getElementById("box").style.display = ????
}
</script>
</body>
2 個解決方案
解決方案1
0 2016-06-30 09:25:14
更新html元素的style屬性中的backgroundImage屬性
document.getElementById("image1").onclick = function() {
this.style.backgroundImage = 'url(img.jpg)'
}
#box { height: 200px; width: 200px; background-color: gold; }
<div id="box"></div> <script type="text/javascript"> document.getElementById("image1").onclick = function() { this.style.backgroundImage = 'url(img.jpg)'; } </script>
解決方案2
0 2016-06-30 09:26:04
使用jQuery：
$('your_image_id_or_selector').click(function(){
$(this).attr('src','new_image_url');
});
如何在沒有onclick事件的情況下使用javascript更改圖片？
[英]How do I change an image with javascript without an onclick event?
我點擊一個輸入收音機並通過再次點擊更改圖像src ...如何更改圖像的樣式？
[英]I click an input radio and change an image src, by clicking again…how do I change the image back how it was?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.