Javascript 是否可以使用vanilla js将XML注入DOM？

我正在做一个编码评估，我们使用HTML、CSS和vanilla JS（无jQuery）制作简单的响应式照片库。其中一项任务是在单击时全屏显示照片。我找到了一种简单的方法，在这里我包含一个输入元素，并根据是否单击它来更改状态。我现在的问题是在获取和映射图片时包含输入标记

下面是我通过回复获取图片和地图的地方：

const getPics=async（）=>{
试一试{
const res=等待取数（'http://localhost:8887/data/photos.json');
const pics=wait res.json（）；
图片地图（（图片）=>{
让image=document.createElement（'img'）；
image.src=pic.url.small；
image.id=pic.id；
image.onclick=函数（）{
缩放（image.id）；
};
document.querySelector（“.gallery”）.appendChild（图像）；
});
}捕获（错误）{
console.log（错误）；
}
};