如何把json数据用表格展示
1、第一步在我们的电脑上打开软件,新建一个html文件,来将json数据显示在页面表格上,如下图所示:
2、第二步我们在html页面body里面,创建一个表格,并写好表头,如下图所示:
3、第三步我们通过style中css样式来设置表格的样式,如下图所示:
4、第四步我们将json数据放在<script type="text/java衡痕贤伎script"></script>里面,如下图所示:
5、第五步页面加载的时候,通过table.insertRow(),var td = tr.in衡痕贤伎sertCell(),td.innerText方法将json数据插入到页面表格,如下图所示:
6、第六步我们在浏览器中打开html页面,可以看到json中的两条数据显示在表格上了,如下图所示:
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:32
阅读量:82
阅读量:49
阅读量:94
阅读量:38