用document.getElementsByTagName('div')[0];这条语句来通过标签名获取第一个div 然后在给他设置初始样式。
d.onclick 鼠标点击时通过函数来添加状态行为。用一个count计数 取余来实现颜色的交替改变
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div></div>
<div></div>
<div></div>
<script>
var d = document.getElementsByTagName('div')[0];
d.style.width="200px";
d.style.height="200px";
d.style.backgroundColor='red';
var count=1;
d.onclick = function () {
if(count ++ % 2 ==1){
this.style.backgroundColor='green';
} else {
this.style.backgroundColor='red';
}
}
</script>
</body>
</html>