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

[复制链接]
查看: 18|回复: 1
  • TA的每日心情
    慵懒
    2018-4-28 09:37
  • 1459

    主题

    1479

    帖子

    11万

    积分

    管理员

    小语

    Rank: 9Rank: 9Rank: 9

    积分
    110351
    发表于 2018-3-22 10:35:27 | 显示全部楼层 |阅读模式

    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


    该用户从未签到

    0

    主题

    11

    帖子

    99

    积分

    注册会员

    Rank: 2

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

    使用道具 举报

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

    本版积分规则

    精选推荐

    在线客服
    热线电话

    微信公众账号
    返回顶部 关注微信 下载APP 返回列表