Javascript 在HTML按钮上插入图像单击

单击按钮时，如何将图像插入HTML

我想将其附加到HTML的主体中

图像的路径是：

/user/foo/image.png

JavaScript

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

函数addImage（）{
文件。？？=“”
}

您可以尝试在主体元素上使用：

document.body.insertAdjacentHTML（“beforeed”和“”）；

您的按钮代码是什么样子的？如何从按钮触发该功能？图像应该出现在哪里？你试了什么？

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