摘要：<!DOCTYPE html><html><head> <meta charset=utf-8" /> <title>test</title> <style type="text/css">
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>test</title>
<style type="text/css">
#box{width:100px;height:100px;background: red;margin:20px 80px; }
</style>
</head>
<body>
<script type="text/javascript">
var box
window.onload=function (){
box=document.getElementById('box')
}
function aa(){
box.style.height="400px" //改变高度
}
function bb(){
box.style.width="400px" //改变高度
}
function cc(){
box.style.background="pink" //改变高度
}
function dd(){
box.style.height="100px"
box.style.width="400px"
box.style.background="red"
}
function ee(){
box.style.display ="none"
}
function ff(){
box.style.display ="block"
}
</script>
<input type="button" value="变高" onclick="aa()">
<input type="button" value="变宽" onclick="bb()">
<input type="button" value="变色" onclick="cc()">
<input type="button" value="重置" onclick="dd()">
<input type="button" value="隐藏" onclick="ee()">
<input type="button" value="缩小" onclick="ff()">
</body>
</html>
批改老师：灭绝师太批改时间：2018-11-19 13:49:23
老师总结：完成的不错，对于新手的话需要把备注放在代码中，便于学习
