JavaScript 动态生成九九乘法表
作者:半夏时间:2026-10-29 23:58:13浏览:362
本文提供基于 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闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
