国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript九九乘法口訣表的簡單實現

2019-11-20 08:49:37
字體:
來源:轉載
供稿:網友

先來看看效果圖

JavaScript示例代碼

<script type="text/javascript">  var body = document.getElementsByTagName('body')[0];  var wrap = document.createElement('div');  wrap.id = 'wrap';  body.appendChild(wrap);  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標簽)樣式    p.style.width = '100px';    p.style.height = '30px';    p.style.lineHeight = '30px';    p.style.background = 'yellow';    p.style.display = 'inline-block';    p.style.border = '1px solid green';    p.style.textAlign = 'center';    //格子添加內容    p.innerHTML = j + "*" + i + "=" +(j * i);    wrap.appendChild(p);   }   var br = document.createElement('br');   wrap.appendChild(br);  } </script>

注: 這樣在瀏覽器顯示出來的每行有間距,可以在style里設置

* {  padding : 0px;  margin : 0px;  }

總結

以上就是這篇文章的全部內容,希望本文對大家的學習和工作能有所幫助,如果有疑問大家可以留言交流,謝謝大家對武林網的支持。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 集安市| 鹤峰县| 凤翔县| 岚皋县| 尉氏县| 资源县| 曲靖市| 顺昌县| 新源县| 时尚| 信阳市| 神池县| 蕲春县| 太湖县| 延川县| 长丰县| 屏边| 莲花县| 赫章县| 桃园县| 云霄县| 越西县| 安徽省| 庆云县| 碌曲县| 巴彦县| 遂川县| 库车县| 广州市| 涡阳县| 长兴县| 汶川县| 工布江达县| 濮阳市| 洪江市| 鹤峰县| 如皋市| 句容市| 德昌县| 内江市| 河源市|