<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV变色练习</title>
<style type="text/css">
div {
margin:0 auto;
width:600px;
height:200px;
background-color:yellow;
}
p {
text-align:center;
}
</style>
</head>
<body>
<div id="div-one" ></div>
<p>
<button type="button" onclick="objDiv()">点我</button>
</p>
<script>
function objDiv(){
a=document.getElementById("div-one");
a.style.background="green"
}
</script>
</body>
</html>
Chuan_wei