JavaScript九九乘法口诀表的简单实现

先来看看效果图

Java脚本语言示例代码

脚本类型=' text/JavaScript ' var body=document。getelementsbytagname(' body ')[0]；var wrap=文档。创建元素(' div ')；wrap.id=' wrapbody.appendChild(包装);var wrap=文档。getelementbyid(' wrap ')；for(var I=1；I(10I){ for(var j=1；j=I；j){ var p=文档。创建元素(' p ')；//设置格子(p标签)样式p .风格。宽度=' 100pxp .风格。高度=' 30pxp .风格。行高=' 30px' p.style.background='黄色；p .风格。display=' inline-block '；p.style.border='1px纯绿色；p .风格。textalign=“居中”；//格子添加内容p . innerHTMl=j ' * ' I '='(j * I)；包起来。append child(p)；} var br=文档。创建元素(' br ')；包起来。appendchild(br)；}/脚本注： 这样在浏览器显示出来的每行有间距，可以在风格里设置

* {填充： 0px边距： 0px}总结

以上就是这篇文章的全部内容，希望本文对大家的学习和工作能有所帮助，如果有疑问大家可以留言交流，谢谢大家对我们的支持。