在JavaScript中,可以通過設置img元素的src屬性來動態改變圖片的來源。
以下是通過JavaScript動態設置img元素的src屬性的示例:
HTML代碼:
```html
圖片
Change Image
```
JavaScript代碼:
```javascript
function changeImage() {
var img = document.getElementById("myImage");
img.src = "newimage.jpg";
img.alt = "New Image";
}
```
在上面的示例中,首先通過getElementById方法獲取到id為"myImage"的img元素。然后,通過設置img的src屬性為"newimage.jpg"來改變圖片的來源。同時,也可以使用img元素的alt屬性來動態改變圖片的替代文本。
通過在按鈕的onclick事件中調用changeImage函數,點擊按鈕時會執行changeImage函數,從而動態改變img元素的src屬性。
請注意,在實際使用中,需要根據實際情況修改圖片的名稱和路徑。