js99乘法表

最新推荐文章于 2024-08-22 19:52:30 发布

酷酷的木南

最新推荐文章于 2024-08-22 19:52:30 发布

阅读量7.4k

点赞数 3

文章标签： js基础

本文链接：https://blog.csdn.net/lianan999/article/details/87970134

版权

代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style>
	table
	  {
	  border-collapse:collapse;
	  }
	td{border:1px solid #ccc;padding: 5px 15px;}
</style>
<body>
	<h3>99乘法表</h3>
</body>
<script>
	document.write('<table>');
	for (var i = 1; i<10; i++) {
		//这里插入tr列
		document.write('<tr>');
		for (var j = 1; j<=i; j++) {
			document.write("<td>"+j+"x"+i+"="+i*j+"</td>");
		}
		document.write('</tr>');
	}
	document.write('</table>');

</script>
</html>

最后效果在这里插入图片描述