网站首页 网站建设 IT知识 IT知识教程 JavaScript九九乘法口诀表的简单实现

JavaScript九九乘法口诀表的简单实现

2021-05-26 21:26:14

先来看看效果图

JavaScript示例代码

<script type="text/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); } </script>

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

* { padding : 0px; margin : 0px; }

总结

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

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。 如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章

javascript和jquery分别实现的九九乘法表代码
javascript实现的九九乘法表代码99乘法表[Ctrl+A全选注:引入外部Js需再刷新一下页面才能执行]jquery实现的九九乘法表代码jquery九九乘
JSP生成九九乘法表的简单实例
JSP生成九九乘法表的简单实例一用表达式和脚本方式实现九九乘法表MyJSP'exercise.jsp'startingpage
php实现的九九乘法口诀表简洁版
九九乘法口诀表也是很多面试考试的程序题，考察php面试者的逻辑思维能力，主要就是对算法的理解和运用，下面是小编用php写的输出九九乘法口诀的php代码：
如何利用C#打印九九乘法表
我们都背过九九乘法表，但是用C#语音for语句循环打印出九九乘法表尝试过吗？以下为九九乘法表打印代码&#128071;usingSystem;namespace
sql语句实现四种九九乘法表
下面用while和if条件写的SQL语句的四种九九乘法表sql语句实现--x左下角九九乘法表DECLARE@IINT,@JINT,@SVARCHAR()SET@

最新文章

载入进度条 效果
邮件发送简单例子-html文件
详解关于html，css，js三者的加载顺序问题
限制复选框的最大可选数
随鼠标上下滚动的jquery代码

hot 热门文章

python模拟登陆Tom邮箱示例分享
苹果11抖音怎么投屏? iphone将投影投屏到电视的技巧
蚂蚁森林节气签怎么领
华为mate30怎么更新系统？华为mate30更新手机系统教程
小米电视怎么下载斗鱼

猜你喜欢

JavaScript 命名空间 使用介绍
javascript ���名规则 变量命名规则
javascript 秒表计时器实现代码
Javascript 面向对象之重载
JavaScript 面向对象之命名空间
以上产品还未完全满足我的所有需求，在下方提交我的专属需求
我的专属需求：
*手机号：
*验证码：
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询
img

获取方案

获取建站报价/方案

我们联系您img

img

微信咨询

扫一扫添加
动力姐姐微信
img
img

TOP

我们尽快联系您