CSS圖片換成另一張圖片是Web開發(fā)中常見的需求。這里介紹兩種方法:
1. 使用CSS背景圖片
// HTML <div class="image1"></div> // CSS .image1 { width: 200px; height: 200px; background-image: url("image1.jpg"); background-size: cover; } // JS // 在需要更換圖片的時(shí)候,直接修改div的background-image屬性即可 document.querySelector('.image1').style.backgroundImage = 'url("image2.jpg")';
2. 使用img標(biāo)簽
// HTML <img class="image2" src="image1.jpg"> // CSS .image2 { width: 200px; height: 200px; } // JS // 在需要更換圖片的時(shí)候,直接修改img標(biāo)簽的src屬性即可 document.querySelector('.image2').src = 'image2.jpg';