如何让一个json文件显示在表格里【实现代码】_javascript技巧
来源:懂视网
责编:小采
时间:2020-11-27 21:50:19
如何让一个json文件显示在表格里【实现代码】_javascript技巧
如何让一个json文件显示在表格里【实现代码】_javascript技巧: //首先得把架子搭起来 //js部分 //简单的json内容 var json = {姓名:张三,年龄:26,性别:男}; //获取tr var tr = document.getElementsByTagName('tr'); //tr1和tr2下面会用到,但是要先声明,给一个空值 var
导读如何让一个json文件显示在表格里【实现代码】_javascript技巧: //首先得把架子搭起来 //js部分 //简单的json内容 var json = {姓名:张三,年龄:26,性别:男}; //获取tr var tr = document.getElementsByTagName('tr'); //tr1和tr2下面会用到,但是要先声明,给一个空值 var
以前想着如何才能把json的内容动态放到表格里面呢?有时候面试会被问到,当然面试时问的是用ajax如何办到。但是我这里就写个简单的demo,现有的json放到表格里。这个demo我做了好几遍,虽然每次放到表格里,但是样子都很古怪,有可能是一个竖排例如这样
姓名
张三
年龄
26
性别
男
又有可能是这样
姓名
年龄
性别
张三
26
男
但是我想要的是这样
姓名 年龄 性别
张三 26 男
在经过几次实验之后,发现需要在html骨架结构上做调整,一开始只放table标签是不行的,得加两个tr标签,最后用js把两个tr标签填充,才能达到想要的效果
以上这篇如何让一个json文件显示在表格里【实现代码】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
如何让一个json文件显示在表格里【实现代码】_javascript技巧
如何让一个json文件显示在表格里【实现代码】_javascript技巧: //首先得把架子搭起来 //js部分 //简单的json内容 var json = {姓名:张三,年龄:26,性别:男}; //获取tr var tr = document.getElementsByTagName('tr'); //tr1和tr2下面会用到,但是要先声明,给一个空值 var