javascript控制radio等html元素的显示和隐藏

[复制链接]
查看: 57|回复: 1
  • 慵懒
    2018-4-28 09:37
  • 发表于 2018-3-22 10:35:27 | 显示全部楼层 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x

    javascript 控制 html元素 显示/隐藏

    1。编写js函数


       function display(id){
           var traget=document.getElementById(id);
            if(traget.style.display=="none"){
                    traget.style.display="";
            }else{
                    traget.style.display="none";
          }

       }

    2. 要显示/隐藏的html元素加上 id 属性

    <table>

        <tr id="menu" >   

           <td>控制这个tr的显示/隐藏</td>

       </tr>

    </table>

    3,添加按钮,链接等触发 js 函数

    <input type="button"  value="显示/隐藏"/>

    <a href="#"  onclick="display('menu')"  >显示/隐藏</a>

    javascript显示隐藏层

    <div id="" style="display:none;">广告</div>

    <input type="botton">

    <script language=javascript>

    function 函数{

    if(thisdiv.style.display=='none'){

    thisdiv.style.display=""

    }

    else

    thisdiv.style.display="none"

    }

    </script>

    你先给div 取个ID=“AA”thisdiv=AA

    javascript隐藏/显示表单对象

    javascript隐藏/显示表单对象

    <SCRIPT language=javascript>

    function expandIt(el) {

         whichEl =document.getElementById(el)

         if (whichEl.style.display ==   'none') {

          whichEl.style.display   = '';

         }

         else {

          whichEl.style.display   = 'none';

         }

         }


    </SCRIPT>

    el是对象的id,不管是tr或者table等等先设置一下id,然后进行调用。

    例:

    <a href="#" >try it</a>

    <tr id="ttchild"><td width="18">Example</td></tr>



    javascript控制页面控件隐藏显示的两种方法

    javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位

    方法一:

    document.all<"PanelSMS">.style.visibility="hidden";

    document.all<"PanelSMS">.style.visibility="visible";

    方法二:

    document.all<"PanelSMS">.style.display="none";

    document.all<"PanelSMS">.style.display="inline";

    方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static

    方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic


    发表于 2018-4-30 00:06:49 | 显示全部楼层
    额,看不懂在说神马~@_@
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

     
     
    技术支持
    在线客服
    售后交流群瑞恩社区™售后</font><br><span>交流
    工作时间:
    8:00-18:00
    客服热线:
    15368564009
    微信扫一扫
    返回顶部 关注微信 下载APP 返回列表