用数组和字符串方法将数据输入页面表格

最新推荐文章于 2021-02-24 13:10:45 发布

crazyFlex

最新推荐文章于 2021-02-24 13:10:45 发布

阅读量244

点赞数

文章标签： js html5 javascript

本文链接：https://blog.csdn.net/crazyFlex/article/details/103437708

版权

</table>
<script type="text/javascript">
    var arr = [{
        sName: "张三",
        age: 18,
        sex: "男",
        phone: "1388888888",
        adress: "北京",
        speciality: "计算机应用技术",
        school: "北京大学"
    },
    {
        sName: "张三",
        age: 18,
        sex: "男",
        phone: "1388888888",
        adress: "北京",
        speciality: "计算机应用技术",
        school: "北京大学"
    }, {
       sName: "张三",
        age: 18,
        sex: "男",
        phone: "1388888888",
        adress: "北京",
        speciality: "计算机应用技术",
        school: "北京大学"
    }, {
        sName: "张三",
        age: 18,
        sex: "男",
        phone: "1388888888",
        adress: "北京",
        speciality: "计算机应用技术",
        school: "北京大学"
    }, {
        sName: "张三",
        age: 18,
        sex: "男",
        phone: "1388888888",
        adress: "北京",
        speciality: "计算机应用技术",
        school: "北京大学"
    },
    {
       sName: "张三",
        age: 18,
        sex: "男",
        phone: "1388888888",
        adress: "北京",
        speciality: "计算机应用技术",
        school: "北京大学"
    }
    ];
    function $id(a) {
        return document.getElementById(a);
    };
    var tbd=$id("tbd");
    var shujv="";
    
    for(var i=0;i<arr.length;i++){
        shujv+="<tr>";
        var obj=arr[i];
        for(var key in obj){
           shujv+= "<td>"+obj[key]+"</td>";
        }
        shujv+="</tr>";
    }
    tbd.innerHTML=shujv;
</script>