php表格js用时间查询,使用JS将数据显示到表格中（时间：2019.01.17）

实例

html>

使用JS将数据显示到表格中

table {

width: 500px;

}

table, th, td {

border: 1px solid #DDDDDD;

/*collapse ke`laps 坍方*/

border-collapse: collapse;

text-align: center;

}

thead {

background-color: lightblue;

}

table caption {

font-size: 1.2em;

margin-bottom: 15px;

}

序号商品名称数量单价

//模拟数据库取出来的数据

var data = [

{id: 1, name: '牛奶', count: 16, price: 40},

{id: 2, name: '瓜子', count: 2, price: 15},

{id: 3, name: '鸡翅', count: 2, price: 30},

{id: 4, name: '水蜜桃', count: 3, price: 6}

];

// 数据展示在表格中

// table对象定义的属性，快速获取指定的子元素

// tHead, tBodies, tFoot, rows, cells

var tbody = document.getElementsByTagName('table')[0].tBodies[0];

//使用array对象的forEach方法遍历数组

data.forEach(function (value) {

// console.log(value.name);

var tr = document.createElement('tr');

tr.innerHTML = "

" + value.id + "";

tr.innerHTML += "

" + value.name + "";

tr.innerHTML += "

" + value.count + "";

tr.innerHTML += "

" + value.price + "";

tbody.appendChild(tr);

});

运行实例 »

点击 "运行实例" 按钮查看在线实例

php表格js用时间查询,使用JS将数据显示到表格中（时间：2019.01.17）相关推荐

如何查看服务器最后修改时间,查询服务器上所有数据库的最后更新时间
我们可以通过以下语句查询单个数据库中所有表的创建日期.最后更新日期:select * from sys.tables 同时也可以通过以下语句查询服务器上所有在线的数据库:select * from s ...
重学Java8新特性(四) : 日期时间API、LocalDateTime、DateTimeFormatter、开发中时间工具类(常用)
文章目录一.JDK8中日期时间API的介绍 1.1.LocalDate.LocalTime.LocalDateTime的使用 2.2.Instant类的使用 2.3.DateTimeFormatte ...
easyui数据表格显示复选框_WinCC 报警控件、在线趋势/表格控件数据查询
1．报警控件数据查询在WinCC报警记录组态时,我们可以给报警消息定义不同的类别.类型.用户文本块等(图1),有了以上的组态,我们就可以自定义过滤条件,在报警控件中查询或显示分类的报警信息. 图 1 ...
常用CSS与Flex布局、媒体查询、JS事件控制css、VUE对象语法、Gride布局(待补全) CSS权重页面适配笔记本缩放
css属性就是要用的多用的熟知道的多就像一本工具书除了基础原理剩下的就是知识面了极力推荐MDN用过的人都说好~ 页面适配笔记本等自带缩放的场景 let t = window.devicePi ...
knex 单表查询_knex.js
软件简介 knex.js 是一个查询构建器,用于 PostgreSQL, MySQL 和 SQLite3.它设计灵活,轻便和有趣. 特性: 例子: var knex = require('knex') ...
js 中时间格式化的几种方法
1.项目中时间返回值,很过时候为毫秒值,我们需要转换成能够看懂的时间的格式: 例如: yyyy-MM-dd HH:mm:ss 2.处理方法(处理方法有多种,可以传值到前端处理,也可以后台可以好之后再 ...
moment转换时间戳_酷炫时间轮盘：JS元素圆形布局制作时间轮盘动画效果
点击右上方红色按钮关注"web秀",让你真正秀起来前言前段时间看抖音,有人用时间轮盘作为动态的桌面壁纸,感觉很好玩,于是突发奇想,可以用JS来实现这个功能. 来来来,先看看成果 ...
前端常用时间工具 -- Moment.js常见用法总结
Moment.js常见用法总结文章目录 Moment.js常见用法总结 Moment.js常见用法总结获取时间 Start of Time End of Time Timestamp Get Ti ...
vue中轻量级模糊查询fuse.js使用
由于本样例是基于vue3中来实现的,若你使用的是vue2,请在评论区中发表后,也会出vue2中的相关使用.fuse是一个前端自行进行模糊查询的相关插件,常用于系统路由菜单的相关搜索等数据量不太大的情况 ...

php表格js用时间查询,使用JS将数据显示到表格中（时间：2019.01.17）

php表格js用时间查询,使用JS将数据显示到表格中（时间：2019.01.17）相关推荐

最新文章

热门文章