九九乘法表js版

最新推荐文章于 2023-07-25 14:18:57 发布
最新推荐文章于 2023-07-25 14:18:57 发布
阅读量912 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43169879/article/details/88628859
版权
  1. 运行结果
    在这里插入图片描述
  2. 代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>九九乘法表</title>
		<style type="text/css">
			*
			{
				margin: 0;
				padding: 0;
				list-style: none;
			}
		</style>
	</head>
	<body>
		<table border="1">
			<tr></tr>
			<tr></tr>
			<tr></tr>
			<tr></tr>
			<tr></tr>
			<tr></tr>
			<tr></tr>
			<tr></tr>
			<tr></tr>
		</table>
		<script type="text/javascript">
			window.onload = function()
			{
				var tr = document.getElementsByTagName("tr");
				//添加单元格
				for(var i=0;i<9;i++)
				{
					for(var j=0;j<9;j++)	
					{
						var td = document.createElement("td");
						tr[j].appendChild(td);
					}
				}
				//设置单元格内容
				for(var i=1;i<=9;i++)
				{
					var td = tr[i-1].getElementsByTagName("td");
					for(var j=1;j<=i;j++)
					{
						var result = i*j;
						var content = i+"*"+j+"="+result;
						td[j-1].innerText = content;
					}
				}
				//设置单元格背景色
				for(var i=0;i<9;i++)
				{
					var td = tr[i].getElementsByTagName("td");
					for(var j=0;j<9;j++)
					{
						if(i === j)
						{
							td[j].style.backgroundColor = "yellow";
						}
					}
				}
			}
		</script>
	</body>
</html>
遐光
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript实现九九乘法表（四种形式）
song_dehao的博客
08-18 2万+
1、使用for循环 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html{
JavaScript 九九乘法表
qq_45747074的博客
02-27 5876
九九乘法表常见的四种用法
JS乘法表
qq_43019242的博客
06-07 519
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>乘法.
使用JavaScript输出带有边框的乘法表
peng_for_csdn的博客
11-28 3021
在学习JavaScript(以下简称为js)过程中，会遇到输出9*9乘法表的问题，我们都知道利用双重for循环可以很简单的在网页中打印出来，可是你在做的过程中有没有想着给这个乘法表加一点花样呢？  下面我们来说一下给乘法表加上边框（虽然我知道我加上的并不好看！！） 话不多说，直接上代码。具体代码在这 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; ...
javascript实现九九乘法表
hyswl666的博客
07-25 525
在外层循环中，我们将每一行构造为一个HTML的<tr>元素，并使用内层循环生成<td>元素，将每个乘积作为单元格的内容。具体来说，您可以使用document.createElement()函数在页面中创建一个表格元素，然后使用innerHTML属性将每一行添加到表格中。内层循环从1循环到10，每当执行一次时，就将当前的行数和列数相乘，并将结果添加到该行的字符串中。在这个代码中，我们首先使用一个外层循环，控制表格的行数，从1循环到10。最后，我们将这些HTML元素添加到body元素中，使之成为文档的一部分。
JavaScript实现九九乘法表的简单实例
10-22
下面小编就为大家带来一篇JavaScript实现九九乘法表的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
用JS写九九乘法表.zip
最新发布
10-20
在这个项目中，我们将详细探讨如何利用JS编写九九乘法表。 首先，让我们理解九九乘法表的结构。九九乘法表是一个从1x1到9x9的矩形表格，其中每个交叉点表示两个数字的乘积。例如，第一行是"1x1=1"，第一列是"1x2=2...
基于javascript实现九九乘法表
10-22
主要为大家详细介绍了基于javascript实现九九乘法表的相关资料，感兴趣的小伙伴们可以参考一下
JavaScript编写九九乘法表（两种任选）
10-20
在JavaScript编程中，九九乘法表是一种常见的练习，它可以帮助初学者理解循环、条件语句和字符串操作等基础知识。本文将详细介绍两种不同的方法来实现九九乘法表。 **方法一：使用嵌套循环与条件判断** 第一种方法...
js实现九九乘法表
m0_72687687的博客
07-29 2160
js实现久久乘法表
js实现华丽的九九乘法表效果
12-03
效果图： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>span实现的乘法表</title> <style type="text/css"> .wrap { width: 800px; margin: 20px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } span { p
使用js打印乘法口诀表
zj950307的博客
06-12 3520
for(var i=1;i&lt;=9;i++) //行 { document.write('&lt;br&gt;'); for(var j=1;j&lt;=i;j++){ //列 var sum=i*j; document.write(i ,'*',j ,'=',sum,' '); } }
JavaScript的四个不同的九九乘法表
weixin_50759039的博客
09-29 1212
JavaScript实现九九乘法表for循环for循环嵌套简化版优化版九九乘法表一九九乘法表二九九乘法表三九九乘法表四 for循环 首先让我们了解下for循环的原理： for(表达式1;表达式2；表达式3){ 循环语句块;} 执行原理： （1）执行表达式1 （2）执行表达式2，如果表达式2为真，执行循环体语句块一次，接着执行表达式3，跳到（2），如果表达式2为假，那么结束for循环 这种解释方式比较抽象，简单解释一下：首先执行表达式1，然后代码会在 表达式2–>循环语句块–>表达式
JavaScript中将九九乘法口诀在9乘9表格中输出
仲阳拾贰
10-18 4182
document.write(""); for(var x = 1; x<=9;x++){ document.write("") for(var y = 1; y<=x; y++){ document.write(""+x+"*"+y+"="+x*y+""); }
案例:用js实现九九乘法表
a13054305221的博客
09-28 491
全程用js代码实现,只需几行代码即可,欢迎收藏完整代码如下:<script>for(var i=1;i<=9;i++){//外层循环决定行的数量 for(var j=1;j<=i;j++){//内层循环决定列的数量 document.write ( j + "*" + i + "=" + j * i +"&nbsp;&nbsp"...
九九乘法表在js中编程
一人心上秋的博客
08-16 429
九九乘法表在js中编程 for(var j=1; j<=9;j++){ var result = ""; for(var i=1;i<=j;i++){ result +=(i+"*"+j+" = "+i*j+(i*j>9?" ":" ")); } console.log(result); } console.log("第2个"); for(var j=9; j>=1;j--){
JavaScript基础知识及99乘法表练习
weiyoo55的博客
09-04 359
JavaScript 概念：一门客户端脚本语言 运行在客户端浏览器中的，每一个浏览器都有JavaScript的解析引擎 脚本语言：不需要编译，直接就可以被浏览器解析执行了 功能： ​ *可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。 JavaScript发展史： 1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名：C–，后来更名为：ScriptEase。 1995年，Netscape(网景)
【PL/SQL】九九乘法口诀表
Just Do IT
08-15 3967
--输出屏幕信息 SET serveroutput ON; --打印口诀表 DECLARE   V_NUMBER1 NUMBER(3);  --外层循环变量   V_NUMBER2 NUMBER(3);  --内层循环变量 BEGIN   FOR V_NUMBER1 IN 1 .. 9   --开始外层循环     LOOP       --开始内层循环     FOR V_N
使用JS打九九乘法表
Json的知识梦工厂
06-16 521
Document 　/*先打行*/  for(var i=1; i   /*再打列*/   for(var s=1;s   document.write(s+"x"+i+"="+s*i+"　");/*再输出行列拼接*/   }     document.write("");/*打九行换行*/  }     document.write("");     fo
九九乘法表JavaScript
03-07
九九乘法表是一个常见的数学练习题，可以使用 JavaScript 编写程序来输出九九乘法表。以下是一个简单的 JavaScript 代码示例： for (var i = 1; i ; i++) { var row = ''; for (var j = 1; j ; j++) { row += j ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值