简单教程
提交运行
代码编辑器:
<style> div{ border: 1px solid #FF0000; } </style> <script> function changeMargin(){ document.getElementById("ex1").style.marginTop="100px"; } function changePadding(){ document.getElementById("ex2").style.paddingTop="100px"; } </script> <div id="ex1">这是一些文本</div> <br> <button type="button" onclick="changeMargin()">修改div元素的顶部外间距</button> <br> <br> <div id="ex2">这是一些文本</div> <br> <button type="button" onclick="changePadding()">修改div元素的顶部内间距</button>
运行结果: