tofacebook.com -专业IT技术社区 【百家号】脸书百科,【乘法表】innerHTML可以将字符串标签转为html标签 Web程序 - tofacebook.com-专业IT技术社区
74°

【百家号】脸书百科,【乘法表】innerHTML可以将字符串标签转为html标签 Web程序

标签: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 条评论

    我有话说: