刘大成几个老婆:javascript 控制 DIV等html元素的显示和隐藏

来源:百度文库 编辑:偶看新闻 时间:2024/04/27 23:22:13

1 、编写 js 函数

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

    

   

       

   

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

onclick="display( 'menu' )"    value=" 显示 / 隐藏 "/>

onclick="display( 'menu' )"    > 显示 / 隐藏


javascript 显示隐藏层

广告


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


javascript 隐藏 / 显示表单对象

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

例:

try it

Example


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

方法的不同之处在于控件隐藏后是否还在页面上占位:

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白;

通过设置display属性可以使div隐藏后释放占用的页面空间。


方法一:
document.all<"PanelSMS">.style.visibility="hidden";
document.all<"PanelSMS">.style.visibility="visible";
方法二:
document.all<"PanelSMS">.style.display="none";
document.all<"PanelSMS">.style.display="inline";

【[HTML]显示/隐藏DIV的技巧(visibility与display的差别)】------------------

      【style="visibility: none;"
  document.getElementById("typediv1").style.visibility="hidden";//隐藏
  document.getElementById("typediv1").style.visibility="visible";//显示】

  【style="display: none;"
  document.getElementById("typediv1").style.display="none";//隐藏
  document.getElementById("typediv1").style.display="";//显示】

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


jexm's blog




显示与否