JavaScript控制DIV样式

Original 2018-12-16 17:37:46 173
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <sty

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<style type="text/css">

#box{width: 100px;height: 100px;background: red;margin: 20px 80px;}

</style>

</head>

<body>

<!-- 用按钮控制DIV的高度、宽度、颜色、重置、赢藏、显示 -->

<script type="texe/javascript">

var box

window.onload=function(){

box=document.getElementById("box")

}

function aa(){

box.style.height="400px;"//改变高度

}

function aa(){

box.style.width="400px;"//改变宽度

}

function aa(){

box.style.background="pink" //改变颜色

}

function aa(){

box.style.background="pink"        

}

</script>

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

<input type="button" value="变高">

<input type="button" value="变宽">

<input type="button" value="变色">

<input type="button" value="重置">

<input type="button" value="赢藏">

<input type="button" value="显示">


</body>

</html>


Correcting teacher:天蓬老师Correction time:2018-12-16 17:42:20
Teacher's summary:总体思路是对的,不过运行是有问题的,函数都重名了。还有:js语句后面加上“;”

Release Notes

Popular Entries