主要利用的是JS的数组长度作为九九乘法表的基础,直接上例子:
(function(){
var a=new Array(9);//创建一个长度为9的数组
var body=document.getElementsByTagName("body")[0];
for(var row=1;row<=a.length;row++){ //以a的长度作为遍历条件,row将作为表的每行
for(var col=1;col<=row;col++){ //col作为列
var el=document.createElement("span"); //每次遍历创建一个span元素
el.innerText=row*col+" ";
body.appendChild(el); //将span加入到body中
}
var br=document.createElement("br");
body.appendChild(br); //在每行循环最后往body加入一个br换行
}
})();
运行结果:
这里我只是将结果呈现出来,如果想要呈现XX*XX=XX的效果,只需要将
el.innerText=row*col+" ";
改为
el.innerText=row+"*"+col+"="+row*col+" ";
即可
如果想画一个十乘十的表,只需要将9改成10
var a=new Array(10);
运行结果: