在 HTML 按钮上插入图像

Question

How do I insert an image into my HTML when a button is clicked?

I want to append it to the body of my HTML.

Path of image is: /user/foo/image.png

JavaScript

<script>
function addImage(){
    document.??? = "<img src='/user/foo/image.png'/>"
}
</script>

Answer 1

You can try using insertAdjacentHTML() on body element:

document.body.insertAdjacentHTML("beforeend", "<img src='/user/foo/image.png'/>");