怎样通过javascript显示和隐藏控件

 

< html >
   < head >
    < body >
     < script language = " javascript " >
        
        function  show() {
          document.form1.b3.style.display=""   设置""时为显示
          document.form1.b4.style.display=""  
          document.form1.txt.style.display="" 
       }
       
        function  hid() {
          document.form1.b3.style.display="none"  设置"none"时为隐藏
          document.form1.b4.style.display="none"
          document.form1.txt.style.display="none"
       }
       
     < / script>
      < form id = " form1 "  name = " form1 " >
         < input type = " button "  name = " but1 "  value = " 显示 "  onclick = " show() "/ >
         < input type = " button "  name = " but2 "  value = " 隐藏 "  onclick = " hid() "/ >
         < input type = " button "  name = " b3 "  id = " but3 "  value = " Hello "/ >
         < input type = " button "  name = " b4 "  id = " but3 "  value = " World "/ >
         < input type = " text "  name = " txt "  id = " txt "/ >
      < / form>
    < / body>
   < / head>
< / html>

主要通过设置表单元素的style.display来实现隐藏和显示.

转载于:https://www.cnblogs.com/shinepolo/articles/1226168.html