最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

如何让一个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


//首先得把架子搭起来
//js部分

以前想着如何才能把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
推荐度:
标签: 表格 文件 如何将
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top