动态插入列表内容假设您有一个包含补胎店信息的数组 `shops`，您可以使用 JavaScript 动态地将内容插入到列表中：
javascript
const shops = [{name: "店名 1",address: "地址 1",phone: "电话号码 1",},{name: "店名 2",address: "地址 2",phone: "电话号码 2",},// ...
];// 获取列表元素
const list = document.querySelector("ul");// 遍历补胎店数组
shops.forEach((shop) => {// 创建列表项const item = document.createElement("li");// 创建标题const h3 = document.createElement("h3");h3.innerText = shop.name;// 创建地址段落const p1 = document.createElement("p");p1.innerText = shop.address;// 创建电话号码段落const p2 = document.createElement("p");p2.innerText = shop.phone;// 创建链接const a = document.createElement("a");a.href = `tel:${shop.phone}`;a.innerText = "拨打电话";// 将元素添加到列表项中item.appendChild(h3);item.appendChild(p1);item.appendChild(p2);item.appendChild(a);// 将列表项添加到列表中list.appendChild(item);
});这样，列表中就会动态地填充补胎店信息。
