如何使用JavaScript將圖片添加到DOM

最近我需要以程式的方式將圖片添加到DOM（也就是HTML頁面）中，這篇文章將告訴你如何以動態的方式實現。

首先，我們使用Document物件的createElement方法來創建一個img元素：

1	const image = document.createElement('img')

然後，我們設置圖片的src屬性：

1	image.src = '/picture.png'

（你可以使用相對或絕對URL，就像在常規的HTML img 標籤中一樣）

接下來，我們找到要添加圖片的容器元素，並將其作為參數傳遞給appendChild()方法：

1	document.querySelector('.container').appendChild(image)

就這樣，圖片就成功地被添加到DOM中了。

tags: [“JavaScript”, “DOM”, “動態添加”, “圖片”]