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显示隐藏的案例：
方法步骤如下：
1、首先，打开计算机，然后打开JS，在其中创建一个HTML文件“test”。
2、然后将HTML框架添加到测试文件中。
3、然后添加两个输入，一个是button，另一个是file将ID设置为“open”样式类型为“display：None”并且不显示。
4、打开后，仅显示此“打开文件”按钮。
5、现在将onclick事件添加到按钮，并调用openfile来触发ID为“open”的文件。
6、现在单击浏览器中的“打开文件”就会弹出选择文件路径对话框。
1、创建一个元素时，使用createElement()函数2、设置元素属性可以有以下两种常用方式，首先获得具体元素的引用，a)然后使用elementName.id=""设置她的id属性，同样可以设置name等属性，具体针对不同的页面元素有不同的属性，可以参考DHTML参考手册b)使用setAttribute函数，elementName.setAttribute("id","elementId")两种方式各有千秋，例如在设置class属性时就存在a)不好使用的情况，在使用中需要注意。 3、删除页面元素。删除时首先需要获得需要删除的元素的引用，然后使用removeChild函数就可以删除该元素了。必须要获得引用后才可以删除（注意）。 4、无论是创建或者删除页面元素，针对的对象是document.body。如果需要查看生成页面元素后的代码，需要使用document.body.innerHTML来查看，直接查看源文件是无法看见的。5、设置disable属性也比较简单，只需要将其作为button对象的一个属性，设置为true就可以了。function change_style(){button=exist() button.setAttribute("class","bt")//Mozilla设置class的方法button.setAttribute("className","bt")//IE设置class的方法/*下面的设置方法在Mozilla中有效，在IE中无效*///button.class="bt" //button.className="bt" }
