我不需要商品信息在js中产生，我只要在html中产生即可，比如我原来那样：
2B铅笔（12支笔）
优质木质拖拽，书写顺畅，不粘附
¥15.00
-
2
+
¥30
删除
<tr id
="product2"> <td> <img src
="img/pic2.jpg"/> </div> </td> <td> <div class
="ms-name">A5
笔记本</div> <div class
="ms1">优质纸张，方格设计，适合日常记录<div> </td> <td > <span class
="original-price">¥12</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty2" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg2">¥24</div> </td> <td > <button class
="sc" onclick
="removeProduct(2)"> 删除 </button> </td> </tr> <tr id
="product3"> <td> <img src
="img/pic3.jpg"/> </div> </td> <td> <div class
="ms-name">彩色荧光笔（5色）</div> <div class
="ms1">多彩荧光标记笔，不易洇染</div> </td> <td > <span class
="original-price">¥18.00</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty3" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg3">¥3
6</div> </td> <td > <button class
="sc" onclick
="removeProduct(3)"> 删除 </button> </td> </tr> <tr id
="product4"> <td> <img src
="img/pic4.jpg"/> </div> </td> <td> <div class
="ms-name">橡皮擦（3块装）</div> <div class
="ms1">高效擦除，不留痕迹，不易碎</div> </td> <td > <span class
="original-price">¥
6.00</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty4" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg4">¥12</div> </td> <td > <button class
="sc" onclick
="removeProduct(4)"> 删除 </button> </td> </tr> <tr id
="product5"> <td> <img src
="img/pic5.jpg"/> </div> </td> <td> <div class
="ms-name">直尺30cm</div> <div class
="ms1">透明刻度清晰，耐用防折断</div> </td> <td > <span class
="original-price">¥5</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty5" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg5">¥10</div> </td> <td > <button class
="sc" onclick
="removeProduct(5)"> 删除 </button> </td> </tr> <tr id
="product
6"> <td> <img src
="img/pic
6.jpg"/> </div> </td> <td> <div class
="ms-name">圆规</div> <div class
="ms1">精密绘图工具，金属材质耐用</div> </td> <td > <span class
="original-price">¥8</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty
6" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg
6">¥1
6</div> </td> <td > <button class
="sc" onclick
="removeProduct(
6)"> 删除 </button> </td> </tr> <tr id
="product7"> <td> <img src
="img/pic7.jpg"/> </div> </td> <td> <div class
="ms-name">钢笔</div> <div class
="ms1">经典款式，流畅书写，赠送墨囊</div> </td> <td > <span class
="original-price">¥20.00</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty7" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg7">¥30</div> </td> <td > <button class
="sc" onclick
="removeProduct(7)"> 删除 </button> </td> </tr> <tr id
="product8"> <td> <img src
="img/pic8.jpg"/> </div> </td> <td> <div class
="ms-name">文件夹</div> <div class
="ms1">A4尺寸，可装30页纸，多色可选</div> </td> <td > <span class
="original-price">¥1
6.00</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty8" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg8">¥32</div> </td> <td > <button class
="sc" onclick
="removeProduct(8)"> 删除 </button> </td> </tr> <tr id
="product9"> <td> <img src
="img/pic9.jpg"/> </div> </td> <td> <div class
="ms-name">修正带</div> <div class
="ms1">5mm宽度，8m长，修正精确无残留</div> </td> <td > <span class
="original-price">¥10.00</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty9" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg9">¥20</div> </td> <td > <button class
="sc" onclick
="removeProduct(9)"> 删除 </button> </td> </tr> <tr id
="product10"> <td> <img src
="img/pic10.jpg"/> </div> </td> <td> <div class
="ms-name">便利贴套装</div> <div class
="ms1">多色组合，3种尺寸，便于标记归类</div> </td> <td > <span class
="original-price">¥14.00</span> </td> <td > <button class
="btn1" onclick
="updateQuantity(1, -1)">-</button> <input type
="text" class
="quantity-input" id
="qty10" value
="2" readonly> <button class
="btn1" onclick
="updateQuantity(1, 1)">+</button> </td> <td > <div class
="jg" id
="jg10">¥28</div> </td> <td > <button class
="sc" onclick
="removeProduct(10)"> 删除 </button> </td> </tr> </tbody>
另外请把新添加代码改成js入门级别的，不要太难
本文详细解析了HTML中script标签的六大关键属性：async、charset、defer、language(已废弃)、src和type，阐述了它们的功能及使用场景，帮助读者掌握更高效的脚本加载与执行策略。
扫一扫
684
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
