3.4 js生成报表

js可以创建、删除、修改html标签,比如我们可以使用js动态生成表格。

如下函数示意在ID为tbHost的元素内追加一个表格:假设nodes为二维数组,遍历其所有行和列,将其元素的Ap属性以二维表格的形式显式出来。通过该函数可以直观观察到二维数组的内容。

1. function DebugInfo(tbHost){
2.  var table=document.createElement("table"); //生成一个表格
3.    table.setAttribute("border","1"); //设置其表格线条样式宽度
4.    table.setAttribute("align","center"); //设置居中
5.  
6.  for(var row=this.yDim;row>=1;row--){//遍历行
7.  var tr=document.createElement("tr"); //创建一行
8.  for(varcol=1;col<=this.xDim;col++){ //遍历列
9.  var td=document.createElement("td"); //每行创建若干列元素
10.          td.innerHTML=nodes[col][row].aP.toFixed(1); //设置单元格内容,保留有效数字1位
11.          tr.appendChild(td); //将刚刚生成的列信息添加到行
12.       }
13.       table.appendChild(tr); //对表格添加行
14.    }
15.  document.getElementById(tbHost).appendChild(table); //将ID为tbHost的元素内追加该表格
16. }

根据注释理解动态生成报表的思路和方法。

本文分享自微信公众号 - 传输过程数值模拟学习笔记(SongSimStudio),作者:王bw

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-07-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 4.2 非线性方程求解

    这里主要以简单的牛顿迭代法介绍非线性方程的求解,维基百科对“牛顿迭代法”的解释:

    周星星9527
  • [python从入门到放弃]用pyautogui批量输入表单

    STEP2:安装pyautogui,命令行输入pip install pyautogui

    周星星9527
  • 5.2 二维导热算例

    本节算例使用actionScript编写,与javascript语法相近。主要阅读理解其算法,可以自己试着开发二维程序。

    周星星9527
  • Layui table 表格

    用户5760343
  • 院长手把手教学---Job实验

    [root@k8s-master ~]# kubectl create -f job.yaml

    院长技术
  • 11款神器帮助程序员摆脱Deadline驱动

    生活中总有这样的场景:规划好要做些什么,要如何去做之后,往往最终留下的都是一个未完成清单以及不知所踪的时间。

    疯狂的技术宅
  • numpy矩阵数值太多不能全部显示的解决

    以上这篇numpy矩阵数值太多不能全部显示的解决就是小编分享给大家的全部内容了,希望能给大家一个参考。

    砸漏
  • jquery clone()表格之后查找里边的元素

    clone() 克隆匹配的DOM元素并且选中这些克隆的副本。 在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。 要做到动态添加表格,并且添加后修改...

    cloudskyme
  • 初探领域驱动设计(1)为复杂业务而生

    概述   领域驱动设计也就是3D(Domain-Driven Design)已经有了10年的历史,我相信很多人或多或少都听说过这个名词,但是有多少人真正懂得如何...

    用户1153966
  • 项目实战工具类(一):PhoneUtil(手机信息相关)

    听着music睡

扫码关注云+社区

领取腾讯云代金券