javascript －－乘法口诀表

解析：

双重for循环 

1 * 1 ＝ 1

2 * 1 ＝ 2    2 * 2 = 2

3 * 1 = 3    3 * 2 = 6   3 * 3 = 9

...

规律： 行数等于列数

定义变量  i  表示行数

定义变量  j  表示列数

方法一：

<body>
　　<div id="wrap">

　　</div>
</body>

<script type="text/javascript">
var wrap = document.getElementById('wrap');
　　for( var i = 1; i < 10; i++) {
　　　　for (var j = 1; j <= i; j++) {
　　　　// 通过文档对象创建元素
　　　　　　var p = document.createElement('p');
　　　　　　p.innerHTML = j + "*" + i + "=" + (j * i);
　　　　　　wrap.appendChild (p);   //把p标签添加到wrap容器里
　　　　}
　　　　var br = document.createElement ('br');
　　　　wrap.appendChild (br);
　　}
</script>

 

方法二：

引入：

 

 

posted @ 2016-07-27 20:43  inno  阅读(570)  评论(0)    收藏  举报