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. }
根据注释理解动态生成报表的思路和方法。
本文分享自 传输过程数值模拟学习笔记 微信公众号,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ,欢迎热爱写作的你一起参与!