您的位置：首页 > Web前端 > JavaScript

JS--利用数组写九九乘法表

2017-10-24 14:26 405 查看
主要利用的是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);


运行结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航