html九九乘法口诀表代码,JavaScript九九乘法口诀表的简单实现

先来看看效果图

JavaScript示例代码

var body = document.getElementsByTagName('body')[0];

var wrap = document.createElement('div');

wrap.id = 'wrap';

body.appendChild(wrap);

var wrap = document.getElementById('wrap');

for (var i = 1; i < 10; i++) {

for (var j = 1; j <= i; j++) {

var p = document.createElement('p');

//设置格子(p标签)样式

p.style.width = '100px';

p.style.height = '30px';

p.style.lineHeight = '30px';

p.style.background = 'yellow';

p.style.display = 'inline-block';

p.style.border = '1px solid green';

p.style.textAlign = 'center';

//格子添加内容

p.innerHTML = j + "*" + i + "=" +(j * i);

wrap.appendChild(p);

}

var br = document.createElement('br');

wrap.appendChild(br);

}

注: 这样在浏览器显示出来的每行有间距,可以在style里设置

* {

padding : 0px;

margin : 0px;

}

总结

以上就是这篇文章的全部内容，希望本文对大家的学习和工作能有所帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

html九九乘法口诀表代码,JavaScript九九乘法口诀表的简单实现相关推荐

进来看很有趣，用JavaScript打印乘法口诀表用JavaScript打印加法口诀表用JavaScript打印菱形用JavaScript判断是否为回文用JavaScript解决百只鸡的问题
每次浪漫主义 [4K超清]五月天<后来的我们>线上版 Mayday Fly TO 2021 希望大家能好好珍惜你身边的那个她,别等失去了才后悔莫及. JavaScript 用JavaScr ...
消灭星星网页版java代码,javascript实现消灭星星小游戏简单版
来看看实现的效果图游戏规则:双击颜色一样的星星,双击相同的部分就消失了实例代码 * {margin:0; padding:0;} body {background:#000; width:100% ...
Powerbi实战--常用新建表代码(单位切换，日期表)
单位切换 #Model_Unit = DATATABLE("单位名称",STRING,"OrderBy_unit",INTEGER,"Value&qu ...
java求乘法逆元的代码_求乘法逆元的几种方法
(数学渣,下面的文字可能有误,欢迎指教) 乘法逆元的定义貌似是基于群给出的,比较简单地理解,可以说是倒数的概念的推广.记a的关于模p的逆元为a^-1,则a^-1满足aa^-1≡ 1(mod p) 加减 ...
php一个循环九九乘法表代码_php双层循环(九九乘法表)
php双层循环(九九乘法表) 实例如下: echo " for($i=1;$i<=9;$i++) //控制每行 { echo " "; //输出一行 for($j= ...
vba九九乘法表代码_用五种方法利用EXCEL制作九九乘法表
昨天因贪玩了一下,一天都和同事在外面玩,计划就是这一天让自己啥也不做,一天玩下来,觉得好累,原来玩也是很累的.既然在外面放松了一天了,今天就把昨天的九九乘法表的制作方法给补上来.事实上九九乘法表的制作 ...
九九乘法表代码口述_利用随机函数实现座次表的随机排座
昨天听完讲座,晚上忍不住写了份学后感,今天有老师在文章下留言问如何实现随机排座,上午在快速理赔中心处理交通事故,处理完后将车开去4S店维修,回来后给娃做完中饭就开始写代码实现这个功能,因为有C++功底 ...
python上三角九九乘法表_用5行Python代码打印九九乘法表
今天来个小练习,用 5 行 python 代码打印九九乘法表. 分析问题九九乘法表是有一定的规律,每一行的等式里面,第一位数从 1 开始递增,第二位数保持不变,每一列的等式里面,第一位为当前的列数, ...
c语言代码99乘法表,C语言输出九九乘法表代码及解析
原标题:C语言输出九九乘法表代码及解析九九乘法表共9行9列,重点考察for循环的掌握情况. 下面给出了输出完整乘法表.右上.右下.左上.左下乘法表的代码. [代码一]输出完整的三角形: #inclu ...
java 高效计算99乘法表_【九九乘法表】九九乘法表学习攻略九九乘法表快速记忆小诀窍...
[九九乘法表]九九乘法表学习攻略九九乘法表快速记忆小诀窍很多孩子的九九乘法表还是背的不熟练,下面是精心为大家整理的九九乘法表学习攻略,欢迎阅读.更多九九乘法表学习攻略相关内容请关注实用资料栏目! & ...

html九九乘法口诀表代码,JavaScript九九乘法口诀表的简单实现

html九九乘法口诀表代码,JavaScript九九乘法口诀表的简单实现相关推荐

最新文章

热门文章