Fatal编程技术网
  • javascript/
  • 使用javascript创建包含数字立方体和正方形的表

使用javascript创建包含数字立方体和正方形的表

javascript html

使用javascript创建包含数字立方体和正方形的表,javascript,html,Javascript,Html,几天前我刚开始学习javascript，我想创建一个表，列出数字1到20以及它们的正方形和立方体，但我没有创建它。有人能帮我吗 这是我的密码： <!DOCTYPE html> <html> <body> <table id="mytable"></table> <script> var number = new Array(20); for(var i =0; i<nu

几天前我刚开始学习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>


var编号=新阵列（20）；

对于（var i=0；i我认为使用数组会使问题过于复杂。相反，只需使用
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>




//将表分配给变量
var table=document.getElementById（“myTable”）；
//用数字、正方形和立方体为不同的列命名
var head=表.插入行（0）；
head.insertCell（-1.innerHTML=“number”；
head.insertCell（-1.innerHTML=“square”；
head.insertCell（-1.innerHTML=“cube”；
//运行for循环以放置1到20的正方形和立方体
对于（变量i=1；i<21；i++）{
var holder=表.插入行（-1）；
holder.insertCell（-1）.innerHTML=i；
holder.insertCell（-1.innerHTML=（i*i）；
holder.insertCell（-1.innerHTML=（i*i*i）；
}

控制台中有任何错误吗？未捕获的语法错误：意外的标记；仅此而已……您可以使用jQuery吗？如果是，则是。没有学习jQuery。只需开始学习js并练习它。此行是意外的分号：
tbr\u d1.appendChild（document.createTextNode（cube[i]）；
这是因为您缺少了一个
）
Uncaught TypeError:无法调用null 3的方法'insertRow'。html:25（匿名函数）@user3450475您正在使用哪个浏览器？@user3450475查看。另外，第25行在您的文件中引用了什么？第25行引用了此>>var head=table.insertRow（0）；@user3450475哦，我把表的id改成了
myTable
。你没有用camelCase