**已关闭。**此问题为not reproducible or was caused by typos。目前不接受回答。

这个问题是由错字或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic，但这个问题的解决方式不太可能帮助未来的读者。
6天前关闭
Improve this question的
我有这个数据，返回一个图像的URL。
1.我怎样才能把它插入我的卡？这是我目前所拥有的。
1.如何在我的图片的“src”中设置URL？谢谢。
卡片1一些文字

<div class="column">
     <div class="card">
         <h3 class="title">Card 2</h3>
         <img class="image" src="image">
         <p class="price">Some text</p>
     </div>
 </div>

 <div class="column">
     <div class="card">
         <h3 class="title">Card 3</h3>
         <img class="image" src="image">
         <p class="price">Some text</p>
     </div>
 </div>

字符串
我的剧本

<script>
    const jsonArray = '[{"product_id": 1,"product_name": "Product 1","product_image": "https://www.gstatic.com/webp/gallery3/1.sm.png","product_price": 19.99},{"product_id": 2,"product_name": "Product 2","product_image": "https://www.gstatic.com/webp/gallery3/1.sm.png","product_price": 24.99},{"product_id": 3,"product_name": "Product 3","product_image": "https://www.gstatic.com/webp/gallery3/1.sm.png","product_price": 29.99}]';
    const data = JSON.parse(jsonArray);

    const cardElements = document.getElementsByClassName("card");

    for (var i = 0; i < data.length; i++) {
        const currentCardElement = cardElements.item(i);

        const cardTitle = currentCardElement.getElementsByClassName("title").item(0);
        cardTitle.innerHTML = data[i].product_name;

        const cardImage = currentCardElement.getElementsByClassName("image").item(0);
        cardImage.innerHTML = data[i].product_image;

        const cardPrice = currentCardElement.getElementsByClassName("price").item(0);
        cardPrice.innerHTML = data[i].product_price;
    }
</script>

型