码迷,mamicode.com
首页 > Web开发 > 详细

【乘法表】innerHTML可以将字符串标签转为html标签

时间:2018-07-26 23:29:47      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:ini   order   ++   javascrip   content   pat   else   app   pre   

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>

</head>
<body>
  <script>
    var body = document.body;
    var table = document.createElement(‘table‘);
    table.setAttribute("border", 1);
    var trs = ‘‘;

    for(var i = 1; i < 10; i++) {
      var tds = ‘‘;
      for(var j=1; j <= i; j++) {
          tds += ‘<td>‘ + i + ‘*‘ + j + ‘=‘ + i * j +‘</td>‘;
      }
      trs += ‘<tr>‘ + tds + ‘</tr>‘;
    }
    table.innerHTML = trs;
    body.append(table);
  </script>
</body>
</html>

  

法二:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>99乘法表</title> 
<script type="text/javascript"> 
    document.write("<center><table border=\"3\">"); 
      for (i = 1; i <= 9; i++) { 
        document.write("<tr>"); 
        for (j = 1; j <= 9; j++) { 
          if (j <= i) { 
              document.write("<td>" + i + "*" + j + "=" + i * j + "</td>") 
          } else {
              document.write("<td> </td>"); 
          } 
        }
        document.write("</tr>"); 
      } 
    document.write("</table></center>"); 
</script> 
</head> 
<body> 
</body> 
</html>

 

【乘法表】innerHTML可以将字符串标签转为html标签

标签:ini   order   ++   javascrip   content   pat   else   app   pre   

原文地址:https://www.cnblogs.com/oklfx/p/9374668.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!