code show as below:
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
document.write("<table cellspacing='0' style='border-collapse: collapse;'>");
for(var i = 1; i < 10; i++) {
document.write("<tr>");
for(var j = 1; j <= i; j++) {
document.write("<td style='border: 1px red solid;'>" + j + '*' + i + '=' + i * j + "</td>");
}
document.write("</tr>");
}
document.write("</table>");
// document.write("<div id='tb'></div>");
document.querySelector('#tb').appendChild(table);
</script>
</head>
<body>
<div id="div1"></div>
</body>
Running result graph:
