<input type="button" value="隐藏" id="btn"/> <!--<input type="button" value="显示" id="btn1"/>--> <div id="dv"></div> <script> function my(id){ return document.getElementById(id); } my("btn").function(){ my("dv").style.display="none"; } </script>
复杂一点,如果div是显示的,点击按钮可隐藏;如果div是隐藏的,点击按钮可显示。
<input type="button" value="隐藏" id="btn"/> <!--<input type="button" value="显示" id="btn1"/>--> <div id="dv"></div> <script> function my(id){ return document.getElementById(id); } my("btn").function(){ if (this.value =="隐藏") { my("dv").style.display="none"; this.value="显示"; } else if(this.value =="显示"){ my("dv").style.display="block"; this.value="隐藏"; } } </script>