代码如下：
<html>
<head>
</head>
<body>
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
var i, j;
var time;
var number = 0;
for (i = 1; i < 11; i++) {
for (j = 1; j < 11; j++) {
var div = document.createElement("div");
div.style.cssText = "width:40px;height:40px;position:absolute;border:5px solid black;";
div.style.top = i * 42 + 'px';
div.style.left = j * 42 + 'px';
div.id = i + "" + j;
//div.style.backgroundColor =
document.body.appendChild(div);
}
}
var oDiv = document.getElementsByTagName("div");
for (var i = 0; i < oDiv.length; i++) {
oDiv[i].style.backgroundColor = "white";
document.onclick = function a() {
oDiv[0].style.backgroundColor = "blue";
document.onclick = function () {
oDiv[0].style.backgroundColor = "green";
document.onclick = function () {
oDiv[0].style.backgroundColor = "red";
document.onclick = function () {
oDiv[0].style.backgroundColor = "white";
document.onclick = function () {
a();
}
}
}
}
}
}
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
var i, j;
var time;
var number = 0;
for (i = 1; i < 11; i++) {
for (j = 1; j < 11; j++) {
var div = document.createElement("div");
div.style.cssText = "width:40px;height:40px;position:absolute;border:5px solid black;";
div.style.top = i * 42 + 'px';
div.style.left = j * 42 + 'px';
div.id = i + "" + j;
//div.style.backgroundColor =
document.body.appendChild(div);
}
}
var oDiv = document.getElementsByTagName("div");
for (var i = 0; i < oDiv.length; i++) {
oDiv[i].style.backgroundColor = "white";
document.onclick = function a() {
oDiv[0].style.backgroundColor = "blue";
document.onclick = function () {
oDiv[0].style.backgroundColor = "green";
document.onclick = function () {
oDiv[0].style.backgroundColor = "red";
document.onclick = function () {
oDiv[0].style.backgroundColor = "white";
document.onclick = function () {
a();
}
}
}
}
}
}
</script>
</body>
</html>
