我有一個簡單的 HTML 頁面，我正在映射一個陣列以使用卡片填充 div。卡片對齊方式全錯了，所以我檢查的時候發現除了最后一張之外，每張卡片后面都有逗號，這破壞了對齊方式。我沒有在代碼中添加這些逗號。我的代碼：
itemsdiv.innerHTML = items.map(el => {
return (`
<div class="item">
<span class="item-title">${el.name}</span>
<img class="item-image" src=${el.src}>
<div class="item-details">
<span class="item-color">${el.color}</span>
</div>
</div>
` )
})
itemsdiv 是一個要填充的空 div，items 是一個如下所示的陣列：
items = [
{
name: 'T-Shirt',
src: 'Images/Shirt.png',
color: 'blue',
},
{
name: 'Coffee Cup',
src: 'Images/Coffee.jpg',
color: 'red',
}
]
當我檢查它看起來像這樣：
<div class="itemsdiv">
<div class="item"></div>
","
<div class="item"></div>
","
<div class="item"></div>
</div>
uj5u.com熱心網友回復：
經過.map試上標注.join(" ")
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/380000.html
標籤：javascript html 数组 内页
上一篇：Javascript/nodejsAzure服務總線完成一條訊息
下一篇：在文本突出顯示上彈出