全国咨询热线:18720358503

微信小程序demo_JavaScript创建表格的方法

类别:媒体报道 发布时间:2021-01-05 浏览人次:

JavaScript创建表格的方法       这篇文章主要为大家详细介绍了JavaScript创建表格的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
{name: "Kilimanjaro", height: 5895, place: "Tanzania"}, {name: "Everest", height: 8848, place: "Nepal"}, {name: "Mount Fuji", height: 3776, place: "Japan"}, {name: "Vaalserberg", height: 323, place: "Netherlands"}, {name: "Denali", height: 6168, place: "United States"}, {name: "Popocatepetl", height: 5465, place: "Mexico"}, {name: "Mont Blanc", height: 4808, place: "Italy/France"} // 创建表格 function buildTable(data) { let table = document.createElement("table"); let tr = document.createElement("tr"); // 通过 for in 循环遍历对象,得到对象的属性,为表头添加内容 for (let i in data[6]) { let th = document.createElement("th"); th.innerText = i; tr.appendChild(th); table.appendChild(tr); // 通过 forEach 循环遍历对象数组,为表格添加行 data.forEach((value, index) = { let tr = document.createElement("tr"); // 通过 for in 循环遍历对象,得到对象的属性,给每行添加内容 for (let index1 in data[index]) { let td = document.createElement("td"); td.innerText = data[index][index1]; tr.appendChild(td); table.appendChild(tr); //设置表格的对齐属性,和边框属性 table.setAttribute("text-align", "right"); table.setAttribute("border","1"); return table; document.querySelector("div").appendChild(buildTable(MOUNTAINS)); /script /body /html

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


推荐阅读

微信小程序demo_JavaScript创建表格的方法

JavaScript建立报表的方式 本文关键为大伙儿详尽详细介绍了JavaScript建立报表的方式,原文中实例编码详细介绍的十分详尽,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参...

2021-01-05
网站关键词挖掘方法大全

做SEO提升的朋友都了解,百度关键词的发掘方式有许多,有的乃至小结了自身的一套重要词发掘方式,但针对新手、第一次基本建设自身网站的朋友来讲,发掘重要词的方式還是必须掌...

2021-01-05
广州凡科互联网科技股份有限公司招聘KOC渠道拓

招聘人数:22职位信息工作职责1、负责制订与实施产品渠道拓展方案,达成各个阶段的渠道业绩目标。2、负责完善KOC推广人的管理和提成激励制度以及促销方案设计,来扩大推广人的获...

2021-01-05
拼团小程序怎么开发_vue使用screenfull插件完成全屏

vue应用screenfull软件完成全屏幕作用 本文关键为大伙儿详尽详细介绍了vue应用screenfull软件完成全屏幕作用,原文中实例编码详细介绍的十分详尽,具备一定的参照使用价值,很感兴...

2021-01-05
制作小程序的软件_vue render函数动态加载img的sr

vue render涵数动态性载入img的src相对路径实际操作 本文关键详细介绍了vue render涵数动态性载入img的src相对路径实际操作,具备非常好的参照使用价值,期待对大伙儿有一定的协助。...

2021-01-05
小程序模板大全_React Ant Design树形表格的杂乱增删

React Ant Design树型报表的繁杂删改改实际操作 本文关键详细介绍了React Ant Design树型报表的繁杂删改改实际操作,具备非常好的参照使用价值,期待对大伙儿有一定的协助。一起追随...

2021-01-05
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信