为您奉上最优惠的价格,让您轻松选购心仪手机。
e// 从 JSON 数据中获取手机报价const phoneData = [{"brand": "Apple","model": "iPhone 13","price": "5999","image": "iphone13.jpg"},{"brand": "Huawei","model": "Mate 40 Pro","price": "4999","image": "mate40pro.jpg"},{"brand": "Xiaomi","model": "Mi 11 Ultra","price": "3999","image": "mi11ultra.jpg"},{"brand": "OPPO","model": "Find X3 Pro","price": "4499","image": "findx3pro.jpg"},{"brand": "vivo","model": "X60 Pro+","price": "4299","image": "x60pro+.jpg"}];// 根据 JSON 数据生成表行for (let i = 0; i < phoneData.length; i++) {const phone = phoneData[i];// 创建表行const row = document.createElement('tr');// 创建表数据const BrandTd = document.createElement('td');const ModelTd = document.createElement('td');const priceTd = document.createElement('td');const imageTd = document.createElement('td');// 设置表数据内容brandTd.textContent = phone.brand;modelTd.textContent = phone.model;priceTd.textContent = phone.price + '元';imageTd.innerHTML = ' ';// 将表数据添加到表行row.appendChild(brandTd);row.appendChild(modelTd);row.appendChild(priceTd);row.appendChild(imageTd);// 将表行添加到表主体document.getElementById('phone-table').appendChild(row);}品牌 | 型号 | 价格 |
---|
本文地址:http://www.hyyidc.com/article/109640.html
上一篇:OPPO最新旗舰手机横空出世,redefine移动体验...
下一篇:手机世界的统治者2023年引领潮流的智能手机...