js实现课堂随机点名系统

js实现课堂点名案例

style样式

		.cor {
			background-color: #6083cd;
		}
		#box {
			width: 500px;
			border: 2px solid black;
			margin: 0 auto;
			height: 500px;
		}
		ul {
			list-style: none;
		}
		li {
			width: 50px;
			height: 50px;
			margin: 20px;
			float: left;
			line-height: 50px;
			text-align: center;
		}
		.center {
			width: 156px;
			height: 40px;
			line-height: 40px;
			margin: 0 auto;
		}
		#pp {
			display: block;
			text-align: center;
			margin-top: 40px;
			font-size: 35px;
 
		}

body排列

		点名系统
		

			
			
		
		
		

		
 

js代码

		function my$(id){
			return document.getElementById(id);
		}
 
		
		//定义数组，存放数值
		var arr = ["卓子贤","梁图","袁绍思","张家磊","梁文龙","方志豪","曾勇强","陈文"];
 
		//先创建一个ul加入到名字为dv的div中
		var oul = document.createElement("ul");	
		my$("dv").appendChild(oul);
		//接下来遍历arr数组，动态创建li元素并且加入到ul中，并且把数组变量动态写到li中
		for(var i=0;i