`

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>


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

<input type="button" onclick="display('menu')" value="显示/隐藏"/>
<a href="#" onclick="display('menu')" >显示/隐藏</a>
javascript显示隐藏层
<div id="" style="display:none;">广告</div>
<input type="botton" onclick="函数"/>
<script language=javascript>
        function 函数{
                if(thisdiv.style.display=='none'){
                        thisdiv.style.display=""
                }else{
                        thisdiv.style.display="none"
                }
</script>



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";


http://blog.swine123.com/archives/21.html?utm_source=rss
分享到:
评论

相关推荐

    JS显示隐藏DIV(动画效果)

    在网页开发中,JavaScript(JS...总结,JavaScript显示隐藏DIV的动画效果涉及到DOM操作、CSS样式控制、定时器函数以及可能的浏览器兼容性处理。这种技术在现代网页设计中广泛使用,可以显著提升用户与网页的互动体验。

    JS显示隐藏HTML控件

    这就是"JS显示隐藏HTML控件"这一主题所涉及的核心内容。通过JavaScript,我们可以实现对HTML元素的显示和隐藏,以提升用户体验和页面的动态性。 1. **基本概念** - HTML控件:HTML中的表单元素如`&lt;input&gt;`, `...

    javascript 显示隐藏滚动条

    js javascript 显示隐藏滚动条 隐藏滚动条 显示滚动条,可以动态的改变,这样有利于控制用户操作。而且这个小小的demo里面获得body或者Element对象的方法也是很特别的。或者说是有意思。

    js控制隐藏显示table特定列

    JavaScript 控制隐藏显示 TABLE 特定列 在 HTML 中,我们经常需要控制 TABLE 的显示和隐藏,特别是在数据表格中,需要根据用户的选择来显示或隐藏某些列。今天,我们将介绍使用 JavaScript 控制隐藏显示 TABLE 特定...

    JS实现各种动态显示隐藏div效果

    本文将深入探讨如何利用JS来实现卷动显示隐藏、渐变显示隐藏以及大小缩放显示隐藏的效果。 1. **卷动显示隐藏效果**: 卷动效果通常用于模拟滚动条或者创建滑动门等动画效果。通过改变div的CSS属性,如`top`, `...

    js实现密码隐藏及显示

    最后,引入Bootstrap-show-password.js插件,并使用JavaScript将它们绑定在一起,实现密码显示隐藏的功能: ```javascript document.addEventListener('DOMContentLoaded', function() { var input = document....

    简单的js实现的显示隐藏

    简单的js实现的显示隐藏。。刚学的一点。。大家有好想法。。。可以交流一下啊

    js 显示/隐藏某些列

    综上所述,JavaScript显示或隐藏列涉及到HTML结构的理解,CSS选择器的运用,DOM操作的熟练掌握,以及可能的用户交互和性能优化。理解并熟练运用这些知识点,可以让你在构建动态、交互性强的网页时游刃有余。

    js 实现 用JavaScript隐藏或显示表格列

    js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!

    JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态

    使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...

    JS实现表单中点击小眼睛显示隐藏密码框中的密码

    &lt;label&gt;&lt;img src="1.png" alt="JS实现表单中点击小眼睛显示隐藏密码框中的密码" id="eyes"&gt; ``` CSS样式部分用于美化这些元素,包括设置输入框的样式、定位小眼睛图标等。例如: ```css input { width: 300px; ...

    完美的鼠标放上去jquery显示隐藏层

    在网页设计和开发中,交互性是提升用户体验的关键因素之一,而“完美的鼠标放上去jquery显示隐藏层”正是实现这种交互效果的一种技术手段。这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停(hover)时...

    身份证格式验证,js遮盖层显示和隐藏

    身份证格式验证,js遮盖层显示和隐藏

    javaScript隐藏菜单与显示

    在本案例中,"javaScript隐藏菜单与显示"是一个常见的网页设计需求,通过JavaScript可以实现点击主菜单按钮时,菜单项进行隐藏或显示的效果。这种功能极大地提升了用户体验,使用户界面更加直观和友好。 在...

    JS控制明细列显示隐藏 同时控制字段必填属性.js

    JS控制明细列显示隐藏 同时控制字段必填属性.js

    JS 隐藏同级的元素后只显示JS文件

    标题“JS隐藏同级的元素后只显示JS文件”指的是使用JavaScript编程语言来实现一个功能,即在HTML文档中,当用户操作时(比如点击某个按钮),隐藏同一层级的所有元素,然后只显示与该操作相关的JavaScript文件内容。...

    js和css3智能隐藏和显示的顶部导航菜单

    本文将深入探讨如何使用JavaScript(简称js)和CSS3来创建一款智能隐藏和显示的顶部导航菜单。这种菜单在用户滚动页面时能根据滚动方向和距离自动调整其可见性,提供更流畅的浏览体验。 首先,我们来了解CSS3。CSS3...

    js实现input密码显示隐藏

    在JavaScript中实现“密码显示隐藏”功能是一项常见的前端任务,主要应用于用户登录、注册等涉及密码输入的场景。这个功能允许用户切换输入框中的密码可见性,以方便核对输入是否正确,同时确保数据安全。以下是一些...

    主表控制明细列隐藏显示.js

    主表控制明细列隐藏显示

    js控制层隐藏和显示

    在JavaScript中,控制层的隐藏和显示是网页交互性中的基本操作,广泛应用于各种功能,如弹出框、菜单、提示信息等。本主题主要涉及两种实现方式:点击事件触发和鼠标移动事件触发。 首先,我们来探讨点击事件触发的...

Global site tag (gtag.js) - Google Analytics