x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style type="text/css">7
div {8
border: 1px solid #FF0000;9
}10
</style>11
<script>12
function changeMargin() {13
document.getElementById("ex1").style.margin = "100px";14
}15
16
function changePadding() {17
document.getElementById("ex2").style.padding = "100px";18
}19
</script>20
</head>21
<body>22
23
<div id="ex1">这是一些文本。</div>24
<br>25
<button type="button" onclick="changeMargin()">修改div元素的外边距</button>26
<br>27
<br>28
<div id="ex2">这是一些文本。</div>29
<br>30
<button type="button" onclick="changePadding()">修改div元素的内边距</button>31
32
</body>33
</html>