如何在javascript中单击按钮将图像放置在另一个图像中

我有一个类boxright，背景图像是

cave

我有一个按钮，点击后指向函数

ontop（）

，该函数将boxright的背景图像重置为图像

cheetah

我希望猎豹出现在洞穴顶部（点击按钮）我希望猎豹出现在洞穴内部

如何做到这一点

函数ontop（）
{
var d=document.getElementById（'a'）.style.backgroundImage=“url(https://i.ibb.co/0DvMRj4/wcheetah.png)";
控制台日志（d）；
}

.boxright{
位置：绝对位置；
顶部：48.3vh；
左：50.98vw；
宽度：14.0vw；
高度：40.0vh；
光标：指针；
边框：2件纯黑；
背景图片：url(https://i.ibb.co/cYnc1Ky/kisspng-cave-euclidean-vector-illustration-vector-cave-5a7a360b205458-5617697615179586671324.png);
背景重复：无重复；
背景尺寸：封面；
}

将另一个图像放置在css中与图像一起添加的
上，单击将类添加到
div


函数ontop（）
{
document.getElementById（'a'）.classList.add（'cheeteh'）；
}
.boxright{
位置：绝对位置；
顶部：48.3vh；
左：50.98vw；
宽度：14.0vw；
高度：40.0vh；
光标：指针；
边框：2件纯黑；
背景图片：url(https://i.ibb.co/cYnc1Ky/kisspng-cave-euclidean-vector-illustration-vector-cave-5a7a360b205458-5617697615179586671324.png);
背景重复：无重复；
背景尺寸：封面；
}
奇德：之后{
内容：“；
位置：绝对位置；
最高：50%；
背景图片：url(https://i.ibb.co/0DvMRj4/wcheetah.png);
z指数：4；
宽度：50%；
身高：50%；
背景大小：100%100%；
}


在顶部放置另一个图像
预期输出？将猎豹放在内部还是顶部？@prashant pimpale on Button单击“我希望猎豹出现在洞穴内部”@%d7%9c%d7%91%d7%a0%d7%99-%d7%9e%d7%9c%d7%9b%d7%94想要将猎豹放在洞穴内部，在当前分区内推送新映像？@%d7%9c%d7%91%d7%a0%d7%99-%d7%9e%d7%9c%d7%9b%d7%94 psedo元素工作正常。。。伟大的信息兄弟乐于帮助，我是姐妹；）