<style>*{margin: 0;padding: 0;font-family:"Microsoft Yahei";}span{display: inline-block;width: 90px;height: 30px;text-align: center;line-height: 30px;border: 1px solid blue;font-size: 12px;font-weight: bolder;margin: 1px;}</style><divid="wrap"></div><script>
let oWrap = document.getElementById("wrap");
let text = "";
for (let i=1;i<=9;i++){
text += "<p>"
//写循环拼接多个span元素
//i 行号; j 列号;
for (let j=1;j<=i;j++){
text += "<span>" + j + "×" + i + "=" + j*i + "</span>";
}
text += "</p>"
}
oWrap.innerHTML = text;
菱形
<style>*{margin: 0;padding: 0;font-family:"Microsoft Yahei";}#wrap{text-align: center;}</style><divid="wrap"></div><script>let oWrap = document.getElementById("wrap");let h ="";//定义到最大的行数let n =5;for(let i=1;i<=2*n-1;i++){
h +="<p>";let k = i<=n?i:n-(i-n);for(let j=1;j<=2*k-1;j++){
h +="*";}/*if (i<=n){
for (let j=1;j<=2*i-1;j++){
h += "*";
}
}else{
for (let j=1;j<=2* (n-i%n) -1;j++){
h += "*";
}
}*/
h +="</p>";}
oWrap.innerHTML = h;</script>