源码:我用的【jQuery】
<!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>Document</title>
<script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
</head>
<body>
<h1>文具盒正品:九九乘法表</h1>
<style>
#tab {
border: 1px solid black;
border-collapse: collapse;
}
</style>
<script>
var tab = "<table border='1' id='tab'>";
for (let i = 1; i < 10; i++) {
tab += "<tr>";
for (let j = 1; j <= i; j++) {
tab += "<td>";
tab += j + "*" + i + "=" + (i * j);
tab += "</td>";
}
tab += "</tr>";
}
tab += "</table>";
$("body").append(tab);
</script>
</body>
</html>
很经典的案例,希望能对大家有所帮助。