JavaScript 动态生成九九乘法表

作者:半夏

时间:2026-10-29

浏览:361

本文提供基于 JavaScript 和 jQuery 实现九九乘法表的完整代码。通过双层 for 循环计算乘积,利用 DOM 操作动态创建并插入 div 与 span 元素,最终在页面中展示乘法表结构。

文章目录

JavaScript 动态生成九九乘法表

本文分享了一段使用 JavaScript 编写九九乘法表的示例代码,详细实现过程如下。


<script type="text/javascript">
    var sum=0;
    var wite;
    for (var i = 1; i < 10; i++){
      var div=$('<div class="class'+i+'"></div>');
      $("body").append(div);
      for(var j = i; j > 0; j--){
        sum = j * i;
        wite = (j+"X"+i+"="+sum);

        div.prepend($('<span style="padding-right:10px">'+wite+'</span>'));
      }
      
    } 
  </script>

运行后的效果如图所示:

JavaScript 动态生成九九乘法表

希望这段代码能为大家学习 JavaScript 程序设计提供参考与帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章