changDIV学习小结

原创 2018-11-11 16:25:57 195
摘要:<!DOCTYPE html>    <html>    <head>     <meta charset="utf-8">     <title>changDIV</title>     <style

<!DOCTYPE html>    

<html>    

<head>    

<meta charset="utf-8">    

<title>changDIV</title>    

<style type="text/css">    

#box{width: 100px;height: 100px;background: pink;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="red"    

}    

function dd() {    

box.style.height="100px"    

box.style.width="100px"    

box.style.background="pink"    

}    

function ee() {    

box.style.display="none"    

}    

function ff() {    

box.style.display="block"    

}    

</script>    

<div id="box"></div>    

<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-11 16:28:30
老师总结:这个函数名不要学老师啊,写代码也不要完全仿照老师,我是为了节省时间,你们不要养成随意命名的习惯……

发布手记

热门词条