abstract：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的作業(yè)</title>
<style media="screen">
*{margin: 0px;height: 0px;}
#CeShi{width: 200px;height: 200px;background-color: pink;margin: 50px 130px;}
input{width: 80px;height: 30px;text-align: center;line-height: 30px;}
</style>
</head>
<body>
<script type="text/javascript">
var box;
window.onload=function(){
box=document.getElementById('CeShi')
}
function Widths(){
box.style.width="400px"
}
function Heights(){
box.style.height="400px"
}
function Colors(){
box.style.backgroundColor="red"
}
function Reductions(){
box.style.width="200px"
box.style.height="200px"
box.style.backgroundColor="pink"
}
function Hides(){
box.style.display="none"
}
function Displays(){
box.style.display="block"
}
</script>
<div id="CeShi"></div>
<input type="button" name="" value="改變寬度"onclick="Widths()">
<input type="button" name="" value="改變高度"onclick="Heights()">
<input type="button" name="" value="改變顏色"onclick="Colors()">
<input type="button" name="" value="還原"onclick="Reductions()">
<input type="button" name="" value="隱藏"onclick="Hides()">
<input type="button" name="" value="顯示"onclick="Displays()">
</body>
</html>
老師講的時候看著很簡單,也都明白,到了自己練習,就出了各種問題,大多是因為粗心造成的,丟三落四,還是需要加強練習,養(yǎng)成好的書寫習慣
Correcting teacher：滅絕師太Correction time：2019-03-02 09:04:12
Teacher's summary：主要是眼高手低,多多練習熟練了就不會這樣了,完成的不錯!繼續(xù)加油!