版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/blog635/article/details/81484575
今天老师让使用js制作99乘法表，强迫症的我只能这么做……
以下是效果图，哎呀妈，变形了，凑活看吧~~~~
下面就来看看我这49行代码咋写的吧
强迫症的人，真是苦逼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>九九乘法表</title>
<style>
p {
width: 100px;
text-align: left;
display: inline-block;
padding: 10px;
margin: 0px;
font-size: 18px;
background-color: aquamarine;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
}
div {
display: block;
}
#zheng99 {
width: auto;
display: inline-block !important;
display: inline;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
}
</style>
</head>
<body>
<h1>9*9乘法表</h1>
<div id="zheng99"></div>
</body>
<script>
window.onload = function() {
for(var i = 1; i <= 9; i++) {
divs = document.getElementById("zheng99").innerHTML += "<div></div>";
for(var j = 1; j <= i; j++) {
document.getElementById("zheng99").getElementsByTagName("div")[i - 1].innerHTML += "<p>" + j + " x " + i + " = " + (j * i) + "</p>";
}
}
}
</script>
</html>