表格的JS生成

    </tbody>
</table>
<script>
    var shuiguo=[
        {
            name:"苹果",
            sj:6,
            chandi:"陕西",
            jinjia:3,
        },
        {
            name:"梨子",
            sj:5,
            chandi:"成都",
            jinjia:2,
        },
        {
            name:"芒果",
            sj:8,
            chandi:"海南",
            jinjia:4,
        },
        {
            name:"榴莲",
            sj:28,
            chandi:"泰国",
            jinjia:18,
        },
        {
            name:"荔枝",
            sj:8,
            chandi:"广东",
            jinjia:3,
        }
    ];
    var myTbody=document.querySelector("#tb")
    for(let i=0;i<shuiguo.length;i++){
        let trv=`
        <tr>
        <td>${shuiguo[i].name}</td>
        <td>${shuiguo[i].sj}</td>
        <td>${shuiguo[i].chandi}</td>
        <td>${shuiguo[i].jinjia}</td>
        </tr>
        `;
        myTbody.innerHTML+=trv;
    }

</script>
名称 销售价格 产地 进价

猜你喜欢

转载自blog.csdn.net/weixin_43748935/article/details/85132525
今日推荐