使用javascript创建包含多维数据集和平方的表
使用javascript创建包含多维数据集和平方的表
提问于 2014-03-22 19:02:09
我几天前才开始学习javascript，我想创建一个表，列出数字1到20以及它们的正方形和立方体，但是我没有创建它。有谁可以帮我？
这是我的代码：
<!DOCTYPE html>
<html>
<body>
<table id="mytable"></table>
<script>
var number = new Array(20);
for(var i =0; i<number.length; i++)
{
number[i] = i+1;
}
var table = document.getElementById("mytable");
var caption = table.createCaption();
caption.appendChild(document.createTextNode("cube and square"));
var thead = table.createTHead();
var tbody = table.createTBody();
var thr = thead.insertRow(-1);
var thr_d0 = thr.insertCell(-1);
thr_d0.appendChild(document.createTextNode("num"));
var thr_d1 = thr.insertCell(-1);
thr_d1.appendChild(document.createTextNode("square"));
var thr_d2 = thr.insertCell(-1);
thr_d2.appendChild(document.createTextNode("cube"));
var cube = new Array();
var square = new Array();
for(var i = 0; i < number.length; i++) {
cube[i] = Math.pow(number[i],3);
square[i] = Math.pow(number[i],2);
var tbr = tbody.insertRow(-1);
var tbr_d0 = tbr.insertCell(-1);
tbr_d0.appendChild(document.createTextNode(square[i]));
var tbr_d1 = tbr.insertCell(-1);
tbr_d1.appendChild(document.createTextNode(cube[i]);
}
</script>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-22 19:25:40
我认为使用数组会使问题变得过于复杂。相反，只需使用for循环并使用基本算法插入值：
<table id="myTable"></table>
<script>
//assign the table to a variable
var table = document.getElementById("myTable");
//title the different columns with number, square, and cube
var head = table.insertRow(0);
head.insertCell(-1).innerHTML = "number";
head.insertCell(-1).innerHTML = "square";
head.insertCell(-1).innerHTML = "cube";
//run a for loop to put the squares and cubes of 1 to 20
for (var i = 1; i < 21; i++){
var holder = table.insertRow(-1);
holder.insertCell(-1).innerHTML = i;
holder.insertCell(-1).innerHTML = (i*i);
holder.insertCell(-1).innerHTML = (i*i*i);
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22582125
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号