原生JS 将json数据循环遍历到HTML中

html如下(图片地址为本地保存的)
    <div id="article">
        <!-- <div class="info">
            <div class="top">
                <p class="shopName">第一烤场特色石棉烤肉</p>
                <p class="one"></p>
                <p class="two">1</p>
            </div>
            <img  class="shopPhoto" src="./img/01.png.webp">
            <div class="center">
                <span class="member">会员优惠：<span class="goShop">进店即免费赠送雪花牛肉一份</span></span>
            </div>
            <div class="footer">
                <p class="scan">扫码进入商家的美团店铺</p>
                <img  class="shopScan" src="./img/a01.png"/>
            </div>
        </div> -->
    <