JavaScript_九九乘法表

最新推荐文章于 2024-09-12 21:55:42 发布

A夏小小

最新推荐文章于 2024-09-12 21:55:42 发布

阅读量392

点赞数 1

文章标签： JavaScript九九乘法表 js九九乘法表

本文链接：https://blog.csdn.net/weixin_42371832/article/details/99670380

版权

效果图：各行各色的九九乘法表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">  
			table{
				border-collapse: collapse;
			}
			tr:nth-child(2n){
				background-color: aqua;
			}
			tr:nth-child(2n+1){
				background-color: cornflowerblue;
			}
			td:hover{
				color: red;
			}
		</style> 

	</head>
	<body >
		<table ce></table>
		<script>
			document.write("<table class='table' border='1' >");
			for (var i=1;i<=9;i++) {/*行 */
				document.write("<tr>");
				for( var j=1;j<=i;j++){/*列*/
					document.write("<td >");
					document.write(j+"*"+i+"="+i*j);
					document.write("</td>");
				}
				document.write("</tr>");
			}
			document.write("</table>");
		</script>
	</body>
</html>