Javascript 九九乘法表
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #multiplicationTable{ 8 width: 720px;; 9 overflow: hidden; 10 border-left: solid 1px #000; 11 border-bottom: solid 1px #000; 12 } 13 14 .mult-td{ 15 display: inline-block; 16 width: 69px; 17 height: 30px; 18 line-height: 30px; 19 padding-left: 10px; 20 border-top: solid 1px #000; 21 border-right: solid 1px #000; 22 } 23 </style> 24 </head> 25 <body> 26 <div id="multiplicationTable"></div> 27 <script type="text/javascript"> 28 var multTable = document.getElementById("multiplicationTable"); 29 30 for(var i=1;i<=9;i++){ 31 for(var j=1;j<=i;j++){ 32 multTable.innerHTML += ("<div class=\"mult-td\">" + j + "x" + i + "=" + (i*j) + "</div>"); 33 } 34 multTable.innerHTML += "<br />" 35 } 36 </script> 37 </body> 38 </html>