1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：
2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：
3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：
4、编写js脚本，这里用到Jquery，给button添加一个点击事件，然后获取div的dom，判断dom中的display属性值，如果是“none”，就显示div，否则则隐藏:
5、全部完成后，按下crtl+s保存，来到编辑器的右侧，观察显示效果，此时div是显示的：
6、点击hide按钮，会发现div消失了，反复点击按钮会重复显示隐藏的效果，以上就是用JS控制div显示隐藏的案例：
是想在js里动态添加吗？ 一般有两种方式：1。加载时就有该按钮，但是设置不显示，需要时再显示该按钮
2。往指定的区域添加按钮
第2种如果是借助JQuery更简单实现，这里是一个用原生js实现的示例：
<html>
<head>
<title></title>
<script type="text/javascript">
function addButton(){
var html ="<input type=\"button\" value=\"新加\" onclick=\"newButton()\">"
document.getElementById("add").innerHTML=html
}
function newButton(){
alert("我是新加的按钮")
}
</script>
</head>
<body>
<div>
<p>点击该按钮增加一个新按钮</p>
<input type="button" value="点击增加" onclick="addButton()">
<p>新增的按钮在这显示</p>
<div id="add"></div>
</div>
</body>
</html>
