<!DOCTYPE html>
<html lang="en"><head> <meta charset="UTF-8"> <title>彩票</title> <style type="text/css"> #wrap{ width: 300px;height: 150px; border: 1px solid red; margin: 100px auto 0px; text-align: center; position: relative; } #btn{ width: 100px;height: 50px; font-size: 20px; margin-top: 10px; } /*div{ display: inline-block; }*/ #one div{ width: 50px;height: 50px; border: 1px solid black; display: inline-block; margin-top: 50px; line-height: 50px; } </style></head><body> <div id="wrap"> <input type="button" name="" id="btn" value="随机一注"> <div id="one"> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> </div> </div> <script type="text/javascript">//获取元素
var btn = document.getElementById('btn') var odiv = document.getElementById('one') var div = one.getElementsByTagName('div')//定义点击事件
btn.onclick = function(){ for(var i=0;i<div.length;i++){ var num = Math.floor(Math.random() * 100); div[i].innerHTML=num; if(div[i].innerHTML < 10){ div[i].innerHTML = '0'+ div[i].innerHTML; } } } </script></body></html>