循環(huán)knifeList數(shù)據(jù)插入到 class 為 .knife-list 的元素中 (今天幫某位大佬寫的 防止 下次還讓寫這種東西)
html
<div class="knife-list"></div>
js
const knifeList = [
{
name:"張三",
info:"我是張三的簡介"
},
{
name:"張四",
info:"我是張四的簡介"
}
]
let knifeItemStr=knifeList.map((item,index)=>{
return `
<div class="knife-item">
<div class="knife-name">${item.name}</div>
<p>${item.info}</p>
</div>
`
}).join(" ")
document.querySelector('.knife-list').innerHTML=knifeItemStr
完成大概是長這個(gè)樣子:
WechatIMG159.png