改变h5页面里的div

Original 2019-05-07 10:41:13 314
abstract:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 100px; height: 100px;

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></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="100px"

box.style.background="red"

}

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>


Correcting teacher:查无此人Correction time:2019-05-08 09:04:35
Teacher's summary:完成的不错。每行js语句结束增加;号。继续加油

Release Notes

Popular Entries