井井客

搜索

原生JS自制九九乘法表

九九乘法表,原先在群里看到的题目,正好今天空闲的时候拿来做做。用了两个for循环,感觉应该还有更优的方法吧~

原生JS自制九九乘法表

具体代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>原生JS自制九九乘法表</title>
<style>
	html,body,ul,li { padding: 0; margin: 0; border: 0; }
	ul { width: 900px; overflow: hidden; margin-top: 4px; font-size: 12px; line-height: 36px; }
	li { float: left; width: 90px; margin: 0 4px; display: inline-block; text-align: center; border: 1px solid #333; background:yellowgreen; }
</style>
</head>
<body>
<script>
	for(var i = 1; i <= 9; i++){
		var myUl = document.createElement('ul');
		for(var j = 1; j <= i; j++){
			var myLi = document.createElement('li');
			var myText = document.createTextNode(j + " × " + i + " = " + i*j);
			myLi.appendChild(myText);
			myUl.appendChild(myLi);
		}
		document.getElementsByTagName('body')[0].appendChild(myUl);
	}
</script>
</body>
</html>

用原生JS写的,不是很复杂,就不多说神马了~

文章TAG:JS

作者:井井客原创来源:原创
本文标题:原生JS自制九九乘法表
本文链接:http://www.jingjingke.com/c/08281.html

上一篇:[半转载]css揭秘的例子
下一篇:JS冒泡、插入、选择排序的算法像不像一家?

文章分类

相关阅读

随便看看