利用table制作九九乘法表

最新推荐文章于 2024-10-05 19:11:14 发布

原创最新推荐文章于 2024-10-05 19:11:14 发布 · 1.9k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#前端开发

javascript 同时被 2 个专栏收录

134 篇文章

订阅专栏

css

55 篇文章

订阅专栏

本文介绍了一种使用JavaScript和HTML table元素创建九九乘法表的方法。通过双重for循环，实现了从1*1到9*9的乘法表，并以表格形式展示，便于理解和教学。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript制作九九乘法表

代码如下：

<script language="javascript">
//需求：利用table表制作九九乘法表
//思路：table表中的td和tr进行输入和输出，不需要换行。
//步骤：1.新建一个Table表
document.write("<table border='1'>");
//步骤2：利用tr输出9个行，用到简单的for循环。
for (var i=1; i<=9; i++){
	document.write("<tr>");
	//步骤3:双重for循环，建立45个td,成三角形。
	for(var j=1; j<=i; j++){
		document.write("<td>");
		document.write(j+"*"+i+j*i);
		document.write("</td>");
	}
	document.write("</tr>");
}
document.write("</table>");
</script>

打卡1.