JS根据判断条件显示对应的内容

我是用的CMS程序。
我在后台会有一个自定义参数。是单选项,我发布文章时会选择该选项。
举例:
我在后台会有“已认证”和“未认证”两个选项。
我选择“已认证”后前端就会显示“已认证”。
但是我现在想要的效果是如果后台选择的“已认证”,前台显示则用A照片显示,选择“未认证”时则用B照片显示。选择其他时又是另外的图片进行显示。
那么我现在想要实现的就是:
后台返回数据,在前端会显示“已认证”或者“未认证”。
那么,返回已认证时我想要它是A图片,未认证时显示B图片。

如果是vue技术的话,我们可以将后端的控制图片展示的数据存放到data中的变量中,然后再img中去通过三元来控制

<img :src="isshow===‘已认证’?'./A.png':isShow===‘未认证’?'./B.png':'./C.png'" alt="">

getElementById拿到你展示的img元素,判断几种情况为img元素的src赋值对应的图片路径