使用JS编写乘法口诀表

定义表格： //编写口诀表的标题。 var h3 = document.createElement("h3"); document.body.appendChild(h3); h3.innerHTML = "9×9乘法口诀表："; //使用表格来写，先定义表格 var table = document.createElement("table"); document.body.appendChild(table); //使用border-collapse来合并单元格边框。 table.style.borderCollapse="collapse";

使用双重for循环编写口诀表的样式。 for(var i=1; i<=9; i++) { //声明行。 var tr = document.createElement("tr"); table.appendChild(tr); for(var j =1; j <=i; j++) { //声明列。 var td = document.createElement("td"); tr.appendChild(td); //编写口诀公式 var s =j+'×'+i+'='+i*j; //将公式输进单元格内。 td.innerHTML =s; //下面定义单元格的样式。 td.style.height = "30px"; td.style.width = "80px"; td.style.margin = "0"; td.style.padding = "5px 10px"; td.style.textAlign = "center"; td.style.border = "1px solid gray"; } }

运行程序，查看结果：